#5E3E50 - #C86882 | 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 #5E3E50 a #C86882

#5E3E50 #C86882

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

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

0.0%	0.0% #5E3E50	RGB 94 62 80	#5E3E50
16.7%	16.7% #6F4558	RGB 111 69 88	#6F4558
33.3%	33.3% #814C60	RGB 129 76 96	#814C60
50.0%	50.0% #935369	RGB 147 83 105	#935369
66.7%	66.7% #A45A71	RGB 164 90 113	#A45A71
83.3%	83.3% #B66179	RGB 182 97 121	#B66179
100.0%	100.0% #C86882	RGB 200 104 130	#C86882

#5E3E50 #6F4558 #814C60 #935369 #A45A71 #B66179 #C86882

#5E3E50 - #C86882

Miscela HSV

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

0.0%	0.0% #5E3E50	RGB 94 62 80	#5E3E50
16.7%	16.7% #6F475B	RGB 111 71 91	#6F475B
33.3%	33.3% #814F66	RGB 129 79 102	#814F66
50.0%	50.0% #93566F	RGB 147 86 111	#93566F
66.7%	66.7% #A45D77	RGB 164 93 119	#A45D77
83.3%	83.3% #B6637D	RGB 182 99 125	#B6637D
100.0%	100.0% #C86882	RGB 200 104 130	#C86882

#5E3E50 #6F475B #814F66 #93566F #A45D77 #B6637D #C86882

#5E3E50 - #93566F - #C86882

Codici CSS

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

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