#240B03 - #5E3A2D | colorate

colorate è uno strumento per schemi a colori per designer e sviluppatori. Questo ti aiuterà a trarre ispirazione e funge da risorsa per il tuo lavoro a colori. Rendi questo sito migliore

Miscela da #240B03 a #5E3A2D

#240B03 #5E3A2D

Calcola il colore tra due colori, #240B03 e #5E3A2D. Nel calcolo dei valori RGB, la saturazione tra i colori diversi è bassa. Nel calcolo dei valori HSV, la saturazione tra i colori diversi non è bassa.

Miscela RGB (lineare)

#240B03 - #5E3A2D | colorate

Calcolo del colore tra due colori in base al valore RGB. Per i colori distanti tra loro, la saturazione tra i due colori diminuisce. Espandi il colore tra due colori con #240B03 come 0% e #5E3A2D come 100%.

0.0%	0.0% #240B03	RGB 36 11 3	#240B03
16.7%	16.7% #2D120A	RGB 45 18 10	#2D120A
33.3%	33.3% #371A11	RGB 55 26 17	#371A11
50.0%	50.0% #412218	RGB 65 34 24	#412218
66.7%	66.7% #4A2A1F	RGB 74 42 31	#4A2A1F
83.3%	83.3% #543226	RGB 84 50 38	#543226
100.0%	100.0% #5E3A2D	RGB 94 58 45	#5E3A2D

#240B03 #2D120A #371A11 #412218 #4A2A1F #543226 #5E3A2D

#240B03 - #5E3A2D

Miscela HSV

#240B03 - #5E3A2D | colorate

Calcolo del colore tra due colori in base al valore HSV. Anche tra distinti colori di colore, la saturazione tra i due colori non diminuisce. Espandi il colore tra due colori con #240B03 come 0% e #5E3A2D come 100%.

0.0%	0.0% #240B02	RGB 36 11 2	#240B02
16.7%	16.7% #2D1006	RGB 45 16 6	#2D1006
33.3%	33.3% #37160B	RGB 55 22 11	#37160B
50.0%	50.0% #411E12	RGB 65 30 18	#411E12
66.7%	66.7% #4A2619	RGB 74 38 25	#4A2619
83.3%	83.3% #542F22	RGB 84 47 34	#542F22
100.0%	100.0% #5E3A2D	RGB 94 58 45	#5E3A2D

#240B02 #2D1006 #37160B #411E12 #4A2619 #542F22 #5E3A2D

#240B03 - #411E12 - #5E3A2D

Codici CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #240B03 0%, #5E3A2D 100%);
    background: -webkit-linear-gradient(top, #240B03 0%, #5E3A2D 100%);
    background: linear-gradient(to bottom, #240B03 0%, #5E3A2D 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #240B02 0%, #411E12 50%, #5E3A2D 100%);
    background: -webkit-linear-gradient(top, #240B02 0%, #411E12 50%, #5E3A2D 100%);
    background: linear-gradient(to bottom, #240B02 0%, #411E12 50%, #5E3A2D 100%);
}
</style>