#5E3A3C - #371C0F | 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 #5E3A3C a #371C0F

#5E3A3C #371C0F

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

#5E3A3C - #371C0F | 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 #5E3A3C come 0% e #371C0F come 100%.

0.0%	0.0% #5E3A3C	RGB 94 58 60	#5E3A3C
16.7%	16.7% #573534	RGB 87 53 52	#573534
33.3%	33.3% #51302D	RGB 81 48 45	#51302D
50.0%	50.0% #4A2B25	RGB 74 43 37	#4A2B25
66.7%	66.7% #44261E	RGB 68 38 30	#44261E
83.3%	83.3% #3D2116	RGB 61 33 22	#3D2116
100.0%	100.0% #371C0F	RGB 55 28 15	#371C0F

#5E3A3C #573534 #51302D #4A2B25 #44261E #3D2116 #371C0F

#5E3A3C - #371C0F

Miscela HSV

#5E3A3C - #371C0F | 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 #5E3A3C come 0% e #371C0F come 100%.

0.0%	0.0% #5E3A3C	RGB 94 58 60	#5E3A3C
16.7%	16.7% #573130	RGB 87 49 48	#573130
33.3%	33.3% #512B28	RGB 81 43 40	#512B28
50.0%	50.0% #4A2621	RGB 74 38 33	#4A2621
66.7%	66.7% #44221A	RGB 68 34 26	#44221A
83.3%	83.3% #3D1F14	RGB 61 31 20	#3D1F14
100.0%	100.0% #371C0F	RGB 55 28 15	#371C0F

#5E3A3C #573130 #512B28 #4A2621 #44221A #3D1F14 #371C0F

#5E3A3C - #4A2621 - #371C0F

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3A3C 0%, #4A2621 50%, #371C0F 100%);
    background: -webkit-linear-gradient(top, #5E3A3C 0%, #4A2621 50%, #371C0F 100%);
    background: linear-gradient(to bottom, #5E3A3C 0%, #4A2621 50%, #371C0F 100%);
}
</style>