#FFDAF8 - #DF82C7 | 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 #FFDAF8 a #DF82C7

#FFDAF8 #DF82C7

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

#FFDAF8 - #DF82C7 | 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 #FFDAF8 come 0% e #DF82C7 come 100%.

0.0%	0.0% #FFDAF8	RGB 255 218 248	#FFDAF8
16.7%	16.7% #F9CBEF	RGB 249 203 239	#F9CBEF
33.3%	33.3% #F4BCE7	RGB 244 188 231	#F4BCE7
50.0%	50.0% #EFAEDF	RGB 239 174 223	#EFAEDF
66.7%	66.7% #E99FD7	RGB 233 159 215	#E99FD7
83.3%	83.3% #E490CF	RGB 228 144 207	#E490CF
100.0%	100.0% #DF82C7	RGB 223 130 199	#DF82C7

#FFDAF8 #F9CBEF #F4BCE7 #EFAEDF #E99FD7 #E490CF #DF82C7

#FFDAF8 - #DF82C7

Miscela HSV

#FFDAF8 - #DF82C7 | 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 #FFDAF8 come 0% e #DF82C7 come 100%.

0.0%	0.0% #FFDAF8	RGB 255 218 248	#FFDAF8
16.7%	16.7% #F9CAF0	RGB 249 202 240	#F9CAF0
33.3%	33.3% #F4BAE8	RGB 244 186 232	#F4BAE8
50.0%	50.0% #EFABDF	RGB 239 171 223	#EFABDF
66.7%	66.7% #E99DD7	RGB 233 157 215	#E99DD7
83.3%	83.3% #E48FCF	RGB 228 143 207	#E48FCF
100.0%	100.0% #DF82C7	RGB 223 130 199	#DF82C7

#FFDAF8 #F9CAF0 #F4BAE8 #EFABDF #E99DD7 #E48FCF #DF82C7

#FFDAF8 - #EFABDF - #DF82C7

Codici CSS

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

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