#DFCCF1 - #936EB8 | 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 #DFCCF1 to #936EB8

#DFCCF1 #936EB8

Calculate the color between two colors, #DFCCF1 and #936EB8. 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)

#DFCCF1 - #936EB8 | 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 #DFCCF1 as 0% and #936EB8 as 100%.

0.0%	0.0% #DFCCF1	RGB 223 204 241	#DFCCF1
16.7%	16.7% #D2BCE7	RGB 210 188 231	#D2BCE7
33.3%	33.3% #C5ACDE	RGB 197 172 222	#C5ACDE
50.0%	50.0% #B99DD4	RGB 185 157 212	#B99DD4
66.7%	66.7% #AC8DCB	RGB 172 141 203	#AC8DCB
83.3%	83.3% #9F7DC1	RGB 159 125 193	#9F7DC1
100.0%	100.0% #936EB8	RGB 147 110 184	#936EB8

#DFCCF1 #D2BCE7 #C5ACDE #B99DD4 #AC8DCB #9F7DC1 #936EB8

#DFCCF1 - #936EB8

HSV Blend

#DFCCF1 - #936EB8 | 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 #DFCCF1 as 0% and #936EB8 as 100%.

0.0%	0.0% #DFCCF1	RGB 223 204 241	#DFCCF1
16.7%	16.7% #D1BAE7	RGB 209 186 231	#D1BAE7
33.3%	33.3% #C4A9DE	RGB 196 169 222	#C4A9DE
50.0%	50.0% #B799D4	RGB 183 153 212	#B799D4
66.7%	66.7% #AA8ACB	RGB 170 138 203	#AA8ACB
83.3%	83.3% #9E7BC1	RGB 158 123 193	#9E7BC1
100.0%	100.0% #936EB8	RGB 147 110 184	#936EB8

#DFCCF1 #D1BAE7 #C4A9DE #B799D4 #AA8ACB #9E7BC1 #936EB8

#DFCCF1 - #B799D4 - #936EB8

CSS codes

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

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