#F7A8F1 - #B8C9FF | 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 #F7A8F1 a #B8C9FF

#F7A8F1 #B8C9FF

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

#F7A8F1 - #B8C9FF | 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 #F7A8F1 come 0% e #B8C9FF come 100%.

0.0%	0.0% #F7A8F1	RGB 247 168 241	#F7A8F1
16.7%	16.7% #ECADF3	RGB 236 173 243	#ECADF3
33.3%	33.3% #E2B3F5	RGB 226 179 245	#E2B3F5
50.0%	50.0% #D7B8F8	RGB 215 184 248	#D7B8F8
66.7%	66.7% #CDBEFA	RGB 205 190 250	#CDBEFA
83.3%	83.3% #C2C3FC	RGB 194 195 252	#C2C3FC
100.0%	100.0% #B8C9FF	RGB 184 201 255	#B8C9FF

#F7A8F1 #ECADF3 #E2B3F5 #D7B8F8 #CDBEFA #C2C3FC #B8C9FF

#F7A8F1 - #B8C9FF

Miscela HSV

#F7A8F1 - #B8C9FF | 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 #F7A8F1 come 0% e #B8C9FF come 100%.

0.0%	0.0% #F7A8F1	RGB 247 168 241	#F7A8F1
16.7%	16.7% #EDAAF8	RGB 237 170 248	#EDAAF8
33.3%	33.3% #DDADF9	RGB 221 173 249	#DDADF9
50.0%	50.0% #CFAFFB	RGB 207 175 251	#CFAFFB
66.7%	66.7% #C1B2FC	RGB 193 178 252	#C1B2FC
83.3%	83.3% #B5B6FD	RGB 181 182 253	#B5B6FD
100.0%	100.0% #B8C9FF	RGB 184 201 255	#B8C9FF

#F7A8F1 #EDAAF8 #DDADF9 #CFAFFB #C1B2FC #B5B6FD #B8C9FF

#F7A8F1 - #CFAFFB - #B8C9FF

Codici CSS

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

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