#5E090C - #AA2F14 | 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 #5E090C a #AA2F14

#5E090C #AA2F14

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

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

0.0%	0.0% #5E090C	RGB 94 9 12	#5E090C
16.7%	16.7% #6A0F0D	RGB 106 15 13	#6A0F0D
33.3%	33.3% #77150E	RGB 119 21 14	#77150E
50.0%	50.0% #841C10	RGB 132 28 16	#841C10
66.7%	66.7% #902211	RGB 144 34 17	#902211
83.3%	83.3% #9D2812	RGB 157 40 18	#9D2812
100.0%	100.0% #AA2F14	RGB 170 47 20	#AA2F14

#5E090C #6A0F0D #77150E #841C10 #902211 #9D2812 #AA2F14

#5E090C - #AA2F14

Miscela HSV

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

0.0%	0.0% #5E080C	RGB 94 8 12	#5E080C
16.7%	16.7% #6A0A0A	RGB 106 10 10	#6A0A0A
33.3%	33.3% #77100C	RGB 119 16 12	#77100C
50.0%	50.0% #84160E	RGB 132 22 14	#84160E
66.7%	66.7% #901D0F	RGB 144 29 15	#901D0F
83.3%	83.3% #9D2611	RGB 157 38 17	#9D2611
100.0%	100.0% #AA2F14	RGB 170 47 20	#AA2F14

#5E080C #6A0A0A #77100C #84160E #901D0F #9D2611 #AA2F14

#5E090C - #84160E - #AA2F14

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E080C 0%, #84160E 50%, #AA2F14 100%);
    background: -webkit-linear-gradient(top, #5E080C 0%, #84160E 50%, #AA2F14 100%);
    background: linear-gradient(to bottom, #5E080C 0%, #84160E 50%, #AA2F14 100%);
}
</style>