#C7A8F3 - #FFE7E9 | 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 #C7A8F3 a #FFE7E9

#C7A8F3 #FFE7E9

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

#C7A8F3 - #FFE7E9 | 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 #C7A8F3 come 0% e #FFE7E9 come 100%.

0.0%	0.0% #C7A8F3	RGB 199 168 243	#C7A8F3
16.7%	16.7% #D0B2F1	RGB 208 178 241	#D0B2F1
33.3%	33.3% #D9BDEF	RGB 217 189 239	#D9BDEF
50.0%	50.0% #E3C7EE	RGB 227 199 238	#E3C7EE
66.7%	66.7% #ECD2EC	RGB 236 210 236	#ECD2EC
83.3%	83.3% #F5DCEA	RGB 245 220 234	#F5DCEA
100.0%	100.0% #FFE7E9	RGB 255 231 233	#FFE7E9

#C7A8F3 #D0B2F1 #D9BDEF #E3C7EE #ECD2EC #F5DCEA #FFE7E9

#C7A8F3 - #FFE7E9

Miscela HSV

#C7A8F3 - #FFE7E9 | 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 #C7A8F3 come 0% e #FFE7E9 come 100%.

0.0%	0.0% #C7A8F3	RGB 199 168 243	#C7A8F3
16.7%	16.7% #DEB2F5	RGB 222 178 245	#DEB2F5
33.3%	33.3% #F1BCF7	RGB 241 188 247	#F1BCF7
50.0%	50.0% #F9C6F0	RGB 249 198 240	#F9C6F0
66.7%	66.7% #FBD1E9	RGB 251 209 233	#FBD1E9
83.3%	83.3% #FDDCE7	RGB 253 220 231	#FDDCE7
100.0%	100.0% #FFE7E9	RGB 255 231 233	#FFE7E9

#C7A8F3 #DEB2F5 #F1BCF7 #F9C6F0 #FBD1E9 #FDDCE7 #FFE7E9

#C7A8F3 - #F9C6F0 - #FFE7E9

Codici CSS

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

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