#DF3E32 - #3F110E | 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 #DF3E32 a #3F110E

#DF3E32 #3F110E

Calcola il colore tra due colori, #DF3E32 e #3F110E. 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)

#DF3E32 - #3F110E | 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 #DF3E32 come 0% e #3F110E come 100%.

0.0%	0.0% #DF3E32	RGB 223 62 50	#DF3E32
16.7%	16.7% #C4362C	RGB 196 54 44	#C4362C
33.3%	33.3% #A92F26	RGB 169 47 38	#A92F26
50.0%	50.0% #8F2720	RGB 143 39 32	#8F2720
66.7%	66.7% #74201A	RGB 116 32 26	#74201A
83.3%	83.3% #591814	RGB 89 24 20	#591814
100.0%	100.0% #3F110E	RGB 63 17 14	#3F110E

#DF3E32 #C4362C #A92F26 #8F2720 #74201A #591814 #3F110E

#DF3E32 - #3F110E

Miscela HSV

#DF3E32 - #3F110E | 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 #DF3E32 come 0% e #3F110E come 100%.

0.0%	0.0% #DF3E32	RGB 223 62 50	#DF3E32
16.7%	16.7% #C4362B	RGB 196 54 43	#C4362B
33.3%	33.3% #A92E25	RGB 169 46 37	#A92E25
50.0%	50.0% #8F271F	RGB 143 39 31	#8F271F
66.7%	66.7% #741F19	RGB 116 31 25	#741F19
83.3%	83.3% #591813	RGB 89 24 19	#591813
100.0%	100.0% #3F110E	RGB 63 17 14	#3F110E

#DF3E32 #C4362B #A92E25 #8F271F #741F19 #591813 #3F110E

#DF3E32 - #8F271F - #3F110E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DF3E32 0%, #8F271F 50%, #3F110E 100%);
    background: -webkit-linear-gradient(top, #DF3E32 0%, #8F271F 50%, #3F110E 100%);
    background: linear-gradient(to bottom, #DF3E32 0%, #8F271F 50%, #3F110E 100%);
}
</style>