#FF5ECE - #FCDFF8 | 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 #FF5ECE a #FCDFF8

#FF5ECE #FCDFF8

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

#FF5ECE - #FCDFF8 | 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 #FF5ECE come 0% e #FCDFF8 come 100%.

0.0%	0.0% #FF5ECE	RGB 255 94 206	#FF5ECE
16.7%	16.7% #FE73D5	RGB 254 115 213	#FE73D5
33.3%	33.3% #FE89DC	RGB 254 137 220	#FE89DC
50.0%	50.0% #FD9EE3	RGB 253 158 227	#FD9EE3
66.7%	66.7% #FDB4EA	RGB 253 180 234	#FDB4EA
83.3%	83.3% #FCC9F1	RGB 252 201 241	#FCC9F1
100.0%	100.0% #FCDFF8	RGB 252 223 248	#FCDFF8

#FF5ECE #FE73D5 #FE89DC #FD9EE3 #FDB4EA #FCC9F1 #FCDFF8

#FF5ECE - #FCDFF8

Miscela HSV

#FF5ECE - #FCDFF8 | 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 #FF5ECE come 0% e #FCDFF8 come 100%.

0.0%	0.0% #FF5DCE	RGB 255 93 206	#FF5DCE
16.7%	16.7% #FE73D8	RGB 254 115 216	#FE73D8
33.3%	33.3% #FE89E0	RGB 254 137 224	#FE89E0
50.0%	50.0% #FD9EE8	RGB 253 158 232	#FD9EE8
66.7%	66.7% #FDB4EE	RGB 253 180 238	#FDB4EE
83.3%	83.3% #FCC9F4	RGB 252 201 244	#FCC9F4
100.0%	100.0% #FCDFF8	RGB 252 223 248	#FCDFF8

#FF5DCE #FE73D8 #FE89E0 #FD9EE8 #FDB4EE #FCC9F4 #FCDFF8

#FF5ECE - #FD9EE8 - #FCDFF8

Codici CSS

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

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