#D9AEC9 - #AD4C7F | 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 #D9AEC9 a #AD4C7F

#D9AEC9 #AD4C7F

Calcola il colore tra due colori, #D9AEC9 e #AD4C7F. 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)

#D9AEC9 - #AD4C7F | 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 #D9AEC9 come 0% e #AD4C7F come 100%.

0.0%	0.0% #D9AEC9	RGB 217 174 201	#D9AEC9
16.7%	16.7% #D19DBC	RGB 209 157 188	#D19DBC
33.3%	33.3% #CA8DB0	RGB 202 141 176	#CA8DB0
50.0%	50.0% #C37DA4	RGB 195 125 164	#C37DA4
66.7%	66.7% #BB6C97	RGB 187 108 151	#BB6C97
83.3%	83.3% #B45C8B	RGB 180 92 139	#B45C8B
100.0%	100.0% #AD4C7F	RGB 173 76 127	#AD4C7F

#D9AEC9 #D19DBC #CA8DB0 #C37DA4 #BB6C97 #B45C8B #AD4C7F

#D9AEC9 - #AD4C7F

Miscela HSV

#D9AEC9 - #AD4C7F | 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 #D9AEC9 come 0% e #AD4C7F come 100%.

0.0%	0.0% #D9AEC9	RGB 217 174 201	#D9AEC9
16.7%	16.7% #D19BBC	RGB 209 155 188	#D19BBC
33.3%	33.3% #CA89B0	RGB 202 137 176	#CA89B0
50.0%	50.0% #C379A3	RGB 195 121 163	#C379A3
66.7%	66.7% #BB6997	RGB 187 105 151	#BB6997
83.3%	83.3% #B45A8B	RGB 180 90 139	#B45A8B
100.0%	100.0% #AD4C7F	RGB 173 76 127	#AD4C7F

#D9AEC9 #D19BBC #CA89B0 #C379A3 #BB6997 #B45A8B #AD4C7F

#D9AEC9 - #C379A3 - #AD4C7F

Codici CSS

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

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