#201B18 - #2F0E01 | 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 #201B18 a #2F0E01

#201B18 #2F0E01

Calcola il colore tra due colori, #201B18 e #2F0E01. 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)

#201B18 - #2F0E01 | 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 #201B18 come 0% e #2F0E01 come 100%.

0.0%	0.0% #201B18	RGB 32 27 24	#201B18
16.7%	16.7% #221814	RGB 34 24 20	#221814
33.3%	33.3% #251610	RGB 37 22 16	#251610
50.0%	50.0% #27140C	RGB 39 20 12	#27140C
66.7%	66.7% #2A1208	RGB 42 18 8	#2A1208
83.3%	83.3% #2C1004	RGB 44 16 4	#2C1004
100.0%	100.0% #2F0E01	RGB 47 14 1	#2F0E01

#201B18 #221814 #251610 #27140C #2A1208 #2C1004 #2F0E01

#201B18 - #2F0E01

Miscela HSV

#201B18 - #2F0E01 | 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 #201B18 come 0% e #2F0E01 come 100%.

0.0%	0.0% #201B18	RGB 32 27 24	#201B18
16.7%	16.7% #221A15	RGB 34 26 21	#221A15
33.3%	33.3% #251912	RGB 37 25 18	#251912
50.0%	50.0% #27170F	RGB 39 23 15	#27170F
66.7%	66.7% #2A140B	RGB 42 20 11	#2A140B
83.3%	83.3% #2C1106	RGB 44 17 6	#2C1106
100.0%	100.0% #2F0E01	RGB 47 14 1	#2F0E01

#201B18 #221A15 #251912 #27170F #2A140B #2C1106 #2F0E01

#201B18 - #27170F - #2F0E01

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201B18 0%, #27170F 50%, #2F0E01 100%);
    background: -webkit-linear-gradient(top, #201B18 0%, #27170F 50%, #2F0E01 100%);
    background: linear-gradient(to bottom, #201B18 0%, #27170F 50%, #2F0E01 100%);
}
</style>