#CAC3E6 - #EFEDF7 | 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 #CAC3E6 a #EFEDF7

#CAC3E6 #EFEDF7

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

#CAC3E6 - #EFEDF7 | 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 #CAC3E6 come 0% e #EFEDF7 come 100%.

0.0%	0.0% #CAC3E6	RGB 202 195 230	#CAC3E6
16.7%	16.7% #D0CAE8	RGB 208 202 232	#D0CAE8
33.3%	33.3% #D6D1EB	RGB 214 209 235	#D6D1EB
50.0%	50.0% #DCD8EE	RGB 220 216 238	#DCD8EE
66.7%	66.7% #E2DFF1	RGB 226 223 241	#E2DFF1
83.3%	83.3% #E8E6F4	RGB 232 230 244	#E8E6F4
100.0%	100.0% #EFEDF7	RGB 239 237 247	#EFEDF7

#CAC3E6 #D0CAE8 #D6D1EB #DCD8EE #E2DFF1 #E8E6F4 #EFEDF7

#CAC3E6 - #EFEDF7

Miscela HSV

#CAC3E6 - #EFEDF7 | 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 #CAC3E6 come 0% e #EFEDF7 come 100%.

0.0%	0.0% #CAC3E6	RGB 202 195 230	#CAC3E6
16.7%	16.7% #CFC9E8	RGB 207 201 232	#CFC9E8
33.3%	33.3% #D5D0EB	RGB 213 208 235	#D5D0EB
50.0%	50.0% #DCD7EE	RGB 220 215 238	#DCD7EE
66.7%	66.7% #E2DEF1	RGB 226 222 241	#E2DEF1
83.3%	83.3% #E8E5F4	RGB 232 229 244	#E8E5F4
100.0%	100.0% #EFEDF7	RGB 239 237 247	#EFEDF7

#CAC3E6 #CFC9E8 #D5D0EB #DCD7EE #E2DEF1 #E8E5F4 #EFEDF7

#CAC3E6 - #DCD7EE - #EFEDF7

Codici CSS

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

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