#C98CFF - #F5B5E3 | 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 #C98CFF a #F5B5E3

#C98CFF #F5B5E3

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

#C98CFF - #F5B5E3 | 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 #C98CFF come 0% e #F5B5E3 come 100%.

0.0%	0.0% #C98CFF	RGB 201 140 255	#C98CFF
16.7%	16.7% #D092FA	RGB 208 146 250	#D092FA
33.3%	33.3% #D799F5	RGB 215 153 245	#D799F5
50.0%	50.0% #DFA0F1	RGB 223 160 241	#DFA0F1
66.7%	66.7% #E6A7EC	RGB 230 167 236	#E6A7EC
83.3%	83.3% #EDAEE7	RGB 237 174 231	#EDAEE7
100.0%	100.0% #F5B5E3	RGB 245 181 227	#F5B5E3

#C98CFF #D092FA #D799F5 #DFA0F1 #E6A7EC #EDAEE7 #F5B5E3

#C98CFF - #F5B5E3

Miscela HSV

#C98CFF - #F5B5E3 | 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 #C98CFF come 0% e #F5B5E3 come 100%.

0.0%	0.0% #C98CFF	RGB 201 140 255	#C98CFF
16.7%	16.7% #D893FD	RGB 216 147 253	#D893FD
33.3%	33.3% #E69AFB	RGB 230 154 251	#E69AFB
50.0%	50.0% #F1A0FA	RGB 241 160 250	#F1A0FA
66.7%	66.7% #F8A7F5	RGB 248 167 245	#F8A7F5
83.3%	83.3% #F6AEEB	RGB 246 174 235	#F6AEEB
100.0%	100.0% #F5B5E3	RGB 245 181 227	#F5B5E3

#C98CFF #D893FD #E69AFB #F1A0FA #F8A7F5 #F6AEEB #F5B5E3

#C98CFF - #F1A0FA - #F5B5E3

Codici CSS

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

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