#DC9DF1 - #FFE8EB | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #DC9DF1 to #FFE8EB

#DC9DF1 #FFE8EB

Calculate the color between two colors, #DC9DF1 and #FFE8EB. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#DC9DF1 - #FFE8EB | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #DC9DF1 as 0% and #FFE8EB as 100%.

0.0%	0.0% #DC9DF1	RGB 220 157 241	#DC9DF1
16.7%	16.7% #E1A9F0	RGB 225 169 240	#E1A9F0
33.3%	33.3% #E7B6EF	RGB 231 182 239	#E7B6EF
50.0%	50.0% #EDC2EE	RGB 237 194 238	#EDC2EE
66.7%	66.7% #F3CFED	RGB 243 207 237	#F3CFED
83.3%	83.3% #F9DBEC	RGB 249 219 236	#F9DBEC
100.0%	100.0% #FFE8EB	RGB 255 232 235	#FFE8EB

#DC9DF1 #E1A9F0 #E7B6EF #EDC2EE #F3CFED #F9DBEC #FFE8EB

#DC9DF1 - #FFE8EB

HSV Blend

#DC9DF1 - #FFE8EB | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #DC9DF1 as 0% and #FFE8EB as 100%.

0.0%	0.0% #DC9DF1	RGB 220 157 241	#DC9DF1
16.7%	16.7% #EEA8F3	RGB 238 168 243	#EEA8F3
33.3%	33.3% #F5B5ED	RGB 245 181 237	#F5B5ED
50.0%	50.0% #F8C1E7	RGB 248 193 231	#F8C1E7
66.7%	66.7% #FACEE4	RGB 250 206 228	#FACEE4
83.3%	83.3% #FCDAE5	RGB 252 218 229	#FCDAE5
100.0%	100.0% #FFE8EB	RGB 255 232 235	#FFE8EB

#DC9DF1 #EEA8F3 #F5B5ED #F8C1E7 #FACEE4 #FCDAE5 #FFE8EB

#DC9DF1 - #F8C1E7 - #FFE8EB

CSS codes

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

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