#DC9AF0 - #FFE7EB | 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 #DC9AF0 to #FFE7EB

#DC9AF0 #FFE7EB

Calculate the color between two colors, #DC9AF0 and #FFE7EB. 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)

#DC9AF0 - #FFE7EB | 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 #DC9AF0 as 0% and #FFE7EB as 100%.

0.0%	0.0% #DC9AF0	RGB 220 154 240	#DC9AF0
16.7%	16.7% #E1A6EF	RGB 225 166 239	#E1A6EF
33.3%	33.3% #E7B3EE	RGB 231 179 238	#E7B3EE
50.0%	50.0% #EDC0ED	RGB 237 192 237	#EDC0ED
66.7%	66.7% #F3CDEC	RGB 243 205 236	#F3CDEC
83.3%	83.3% #F9DAEB	RGB 249 218 235	#F9DAEB
100.0%	100.0% #FFE7EB	RGB 255 231 235	#FFE7EB

#DC9AF0 #E1A6EF #E7B3EE #EDC0ED #F3CDEC #F9DAEB #FFE7EB

#DC9AF0 - #FFE7EB

HSV Blend

#DC9AF0 - #FFE7EB | 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 #DC9AF0 as 0% and #FFE7EB as 100%.

0.0%	0.0% #DC9AF0	RGB 220 154 240	#DC9AF0
16.7%	16.7% #EEA6F2	RGB 238 166 242	#EEA6F2
33.3%	33.3% #F5B2EC	RGB 245 178 236	#F5B2EC
50.0%	50.0% #F7BFE6	RGB 247 191 230	#F7BFE6
66.7%	66.7% #FACCE4	RGB 250 204 228	#FACCE4
83.3%	83.3% #FCD9E5	RGB 252 217 229	#FCD9E5
100.0%	100.0% #FFE7EB	RGB 255 231 235	#FFE7EB

#DC9AF0 #EEA6F2 #F5B2EC #F7BFE6 #FACCE4 #FCD9E5 #FFE7EB

#DC9AF0 - #F7BFE6 - #FFE7EB

CSS codes

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

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