#FF95FB - #C92DCE | 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 #FF95FB a #C92DCE

#FF95FB #C92DCE

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

#FF95FB - #C92DCE | 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 #FF95FB come 0% e #C92DCE come 100%.

0.0%	0.0% #FF95FB	RGB 255 149 251	#FF95FB
16.7%	16.7% #F683F3	RGB 246 131 243	#F683F3
33.3%	33.3% #ED72EC	RGB 237 114 236	#ED72EC
50.0%	50.0% #E461E4	RGB 228 97 228	#E461E4
66.7%	66.7% #DB4FDD	RGB 219 79 221	#DB4FDD
83.3%	83.3% #D23ED5	RGB 210 62 213	#D23ED5
100.0%	100.0% #C92DCE	RGB 201 45 206	#C92DCE

#FF95FB #F683F3 #ED72EC #E461E4 #DB4FDD #D23ED5 #C92DCE

#FF95FB - #C92DCE

Miscela HSV

#FF95FB - #C92DCE | 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 #FF95FB come 0% e #C92DCE come 100%.

0.0%	0.0% #FF95FB	RGB 255 149 251	#FF95FB
16.7%	16.7% #F681F3	RGB 246 129 243	#F681F3
33.3%	33.3% #EE6EEC	RGB 238 110 236	#EE6EEC
50.0%	50.0% #E65CE6	RGB 230 92 230	#E65CE6
66.7%	66.7% #DD4BDE	RGB 221 75 222	#DD4BDE
83.3%	83.3% #D33BD6	RGB 211 59 214	#D33BD6
100.0%	100.0% #C92DCE	RGB 201 45 206	#C92DCE

#FF95FB #F681F3 #EE6EEC #E65CE6 #DD4BDE #D33BD6 #C92DCE

#FF95FB - #E65CE6 - #C92DCE

Codici CSS

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

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