#5E3C4E - #CD8473 | 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 #5E3C4E a #CD8473

#5E3C4E #CD8473

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

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

0.0%	0.0% #5E3C4E	RGB 94 60 78	#5E3C4E
16.7%	16.7% #704854	RGB 112 72 84	#704854
33.3%	33.3% #83545A	RGB 131 84 90	#83545A
50.0%	50.0% #956060	RGB 149 96 96	#956060
66.7%	66.7% #A86C66	RGB 168 108 102	#A86C66
83.3%	83.3% #BA786C	RGB 186 120 108	#BA786C
100.0%	100.0% #CD8473	RGB 205 132 115	#CD8473

#5E3C4E #704854 #83545A #956060 #A86C66 #BA786C #CD8473

#5E3C4E - #CD8473

Miscela HSV

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

0.0%	0.0% #5E3C4E	RGB 94 60 78	#5E3C4E
16.7%	16.7% #704657	RGB 112 70 87	#704657
33.3%	33.3% #83505E	RGB 131 80 94	#83505E
50.0%	50.0% #955963	RGB 149 89 99	#955963
66.7%	66.7% #A86266	RGB 168 98 102	#A86266
83.3%	83.3% #BA706B	RGB 186 112 107	#BA706B
100.0%	100.0% #CD8473	RGB 205 132 115	#CD8473

#5E3C4E #704657 #83505E #955963 #A86266 #BA706B #CD8473

#5E3C4E - #955963 - #CD8473

Codici CSS

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

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