#C0AEB9 - #8D5A76 | 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 #C0AEB9 a #8D5A76

#C0AEB9 #8D5A76

Calcola il colore tra due colori, #C0AEB9 e #8D5A76. 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)

#C0AEB9 - #8D5A76 | 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 #C0AEB9 come 0% e #8D5A76 come 100%.

0.0%	0.0% #C0AEB9	RGB 192 174 185	#C0AEB9
16.7%	16.7% #B7A0AD	RGB 183 160 173	#B7A0AD
33.3%	33.3% #AF92A2	RGB 175 146 162	#AF92A2
50.0%	50.0% #A68497	RGB 166 132 151	#A68497
66.7%	66.7% #9E768C	RGB 158 118 140	#9E768C
83.3%	83.3% #956881	RGB 149 104 129	#956881
100.0%	100.0% #8D5A76	RGB 141 90 118	#8D5A76

#C0AEB9 #B7A0AD #AF92A2 #A68497 #9E768C #956881 #8D5A76

#C0AEB9 - #8D5A76

Miscela HSV

#C0AEB9 - #8D5A76 | 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 #C0AEB9 come 0% e #8D5A76 come 100%.

0.0%	0.0% #C0AEB9	RGB 192 174 185	#C0AEB9
16.7%	16.7% #B79EAD	RGB 183 158 173	#B79EAD
33.3%	33.3% #AF8EA1	RGB 175 142 161	#AF8EA1
50.0%	50.0% #A68096	RGB 166 128 150	#A68096
66.7%	66.7% #9E728B	RGB 158 114 139	#9E728B
83.3%	83.3% #956680	RGB 149 102 128	#956680
100.0%	100.0% #8D5A76	RGB 141 90 118	#8D5A76

#C0AEB9 #B79EAD #AF8EA1 #A68096 #9E728B #956680 #8D5A76

#C0AEB9 - #A68096 - #8D5A76

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0AEB9 0%, #A68096 50%, #8D5A76 100%);
    background: -webkit-linear-gradient(top, #C0AEB9 0%, #A68096 50%, #8D5A76 100%);
    background: linear-gradient(to bottom, #C0AEB9 0%, #A68096 50%, #8D5A76 100%);
}
</style>