#C8BBC3 - #895E5E | 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 #C8BBC3 a #895E5E

#C8BBC3 #895E5E

Calcola il colore tra due colori, #C8BBC3 e #895E5E. 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)

#C8BBC3 - #895E5E | 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 #C8BBC3 come 0% e #895E5E come 100%.

0.0%	0.0% #C8BBC3	RGB 200 187 195	#C8BBC3
16.7%	16.7% #BDABB2	RGB 189 171 178	#BDABB2
33.3%	33.3% #B39CA1	RGB 179 156 161	#B39CA1
50.0%	50.0% #A88C90	RGB 168 140 144	#A88C90
66.7%	66.7% #9E7D7F	RGB 158 125 127	#9E7D7F
83.3%	83.3% #936D6E	RGB 147 109 110	#936D6E
100.0%	100.0% #895E5E	RGB 137 94 94	#895E5E

#C8BBC3 #BDABB2 #B39CA1 #A88C90 #9E7D7F #936D6E #895E5E

#C8BBC3 - #895E5E

Miscela HSV

#C8BBC3 - #895E5E | 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 #C8BBC3 come 0% e #895E5E come 100%.

0.0%	0.0% #C8BBC3	RGB 200 187 195	#C8BBC3
16.7%	16.7% #BDA9B3	RGB 189 169 179	#BDA9B3
33.3%	33.3% #B398A3	RGB 179 152 163	#B398A3
50.0%	50.0% #A88892	RGB 168 136 146	#A88892
66.7%	66.7% #9E7980	RGB 158 121 128	#9E7980
83.3%	83.3% #936B6F	RGB 147 107 111	#936B6F
100.0%	100.0% #895E5E	RGB 137 94 94	#895E5E

#C8BBC3 #BDA9B3 #B398A3 #A88892 #9E7980 #936B6F #895E5E

#C8BBC3 - #A88892 - #895E5E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8BBC3 0%, #A88892 50%, #895E5E 100%);
    background: -webkit-linear-gradient(top, #C8BBC3 0%, #A88892 50%, #895E5E 100%);
    background: linear-gradient(to bottom, #C8BBC3 0%, #A88892 50%, #895E5E 100%);
}
</style>