#DF4EEE - #FF7EBF | 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 #DF4EEE a #FF7EBF

#DF4EEE #FF7EBF

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

#DF4EEE - #FF7EBF | 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 #DF4EEE come 0% e #FF7EBF come 100%.

0.0%	0.0% #DF4EEE	RGB 223 78 238	#DF4EEE
16.7%	16.7% #E456E6	RGB 228 86 230	#E456E6
33.3%	33.3% #E95EDE	RGB 233 94 222	#E95EDE
50.0%	50.0% #EF66D6	RGB 239 102 214	#EF66D6
66.7%	66.7% #F46ECE	RGB 244 110 206	#F46ECE
83.3%	83.3% #F976C6	RGB 249 118 198	#F976C6
100.0%	100.0% #FF7EBF	RGB 255 126 191	#FF7EBF

#DF4EEE #E456E6 #E95EDE #EF66D6 #F46ECE #F976C6 #FF7EBF

#DF4EEE - #FF7EBF

Miscela HSV

#DF4EEE - #FF7EBF | 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 #DF4EEE come 0% e #FF7EBF come 100%.

0.0%	0.0% #DF4EEE	RGB 223 78 238	#DF4EEE
16.7%	16.7% #F055F0	RGB 240 85 240	#F055F0
33.3%	33.3% #F35DE4	RGB 243 93 228	#F35DE4
50.0%	50.0% #F665D9	RGB 246 101 217	#F665D9
66.7%	66.7% #F96DCF	RGB 249 109 207	#F96DCF
83.3%	83.3% #FC75C6	RGB 252 117 198	#FC75C6
100.0%	100.0% #FF7EBF	RGB 255 126 191	#FF7EBF

#DF4EEE #F055F0 #F35DE4 #F665D9 #F96DCF #FC75C6 #FF7EBF

#DF4EEE - #F665D9 - #FF7EBF

Codici CSS

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

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