#D1C5E8 - #CDD4EC | 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 #D1C5E8 a #CDD4EC

#D1C5E8 #CDD4EC

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

#D1C5E8 - #CDD4EC | 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 #D1C5E8 come 0% e #CDD4EC come 100%.

0.0%	0.0% #D1C5E8	RGB 209 197 232	#D1C5E8
16.7%	16.7% #D0C7E8	RGB 208 199 232	#D0C7E8
33.3%	33.3% #CFCAE9	RGB 207 202 233	#CFCAE9
50.0%	50.0% #CFCCEA	RGB 207 204 234	#CFCCEA
66.7%	66.7% #CECFEA	RGB 206 207 234	#CECFEA
83.3%	83.3% #CDD1EB	RGB 205 209 235	#CDD1EB
100.0%	100.0% #CDD4EC	RGB 205 212 236	#CDD4EC

#D1C5E8 #D0C7E8 #CFCAE9 #CFCCEA #CECFEA #CDD1EB #CDD4EC

#D1C5E8 - #CDD4EC

Miscela HSV

#D1C5E8 - #CDD4EC | 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 #D1C5E8 come 0% e #CDD4EC come 100%.

0.0%	0.0% #D1C5E8	RGB 209 197 232	#D1C5E8
16.7%	16.7% #CEC6E8	RGB 206 198 232	#CEC6E8
33.3%	33.3% #CCC7E9	RGB 204 199 233	#CCC7E9
50.0%	50.0% #CAC8EA	RGB 202 200 234	#CAC8EA
66.7%	66.7% #CACBEA	RGB 202 203 234	#CACBEA
83.3%	83.3% #CBCFEB	RGB 203 207 235	#CBCFEB
100.0%	100.0% #CDD4EC	RGB 205 212 236	#CDD4EC

#D1C5E8 #CEC6E8 #CCC7E9 #CAC8EA #CACBEA #CBCFEB #CDD4EC

#D1C5E8 - #CAC8EA - #CDD4EC

Codici CSS

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

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