#5E2905 - #DF2D21 | 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 #5E2905 a #DF2D21

#5E2905 #DF2D21

Calcola il colore tra due colori, #5E2905 e #DF2D21. 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)

#5E2905 - #DF2D21 | 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 #5E2905 come 0% e #DF2D21 come 100%.

0.0%	0.0% #5E2905	RGB 94 41 5	#5E2905
16.7%	16.7% #732909	RGB 115 41 9	#732909
33.3%	33.3% #892A0E	RGB 137 42 14	#892A0E
50.0%	50.0% #9E2B13	RGB 158 43 19	#9E2B13
66.7%	66.7% #B42B17	RGB 180 43 23	#B42B17
83.3%	83.3% #C92C1C	RGB 201 44 28	#C92C1C
100.0%	100.0% #DF2D21	RGB 223 45 33	#DF2D21

#5E2905 #732909 #892A0E #9E2B13 #B42B17 #C92C1C #DF2D21

#5E2905 - #DF2D21

Miscela HSV

#5E2905 - #DF2D21 | 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 #5E2905 come 0% e #DF2D21 come 100%.

0.0%	0.0% #5E2904	RGB 94 41 4	#5E2904
16.7%	16.7% #732D07	RGB 115 45 7	#732D07
33.3%	33.3% #89300B	RGB 137 48 11	#89300B
50.0%	50.0% #9E310F	RGB 158 49 15	#9E310F
66.7%	66.7% #B43114	RGB 180 49 20	#B43114
83.3%	83.3% #C92F1A	RGB 201 47 26	#C92F1A
100.0%	100.0% #DF2D21	RGB 223 45 33	#DF2D21

#5E2904 #732D07 #89300B #9E310F #B43114 #C92F1A #DF2D21

#5E2905 - #9E310F - #DF2D21

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E2904 0%, #9E310F 50%, #DF2D21 100%);
    background: -webkit-linear-gradient(top, #5E2904 0%, #9E310F 50%, #DF2D21 100%);
    background: linear-gradient(to bottom, #5E2904 0%, #9E310F 50%, #DF2D21 100%);
}
</style>