#DFCCF8 - #936BC3 | 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 #DFCCF8 to #936BC3

#DFCCF8 #936BC3

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

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

0.0%	0.0% #DFCCF8	RGB 223 204 248	#DFCCF8
16.7%	16.7% #D2BBEF	RGB 210 187 239	#D2BBEF
33.3%	33.3% #C5ABE6	RGB 197 171 230	#C5ABE6
50.0%	50.0% #B99BDD	RGB 185 155 221	#B99BDD
66.7%	66.7% #AC8BD4	RGB 172 139 212	#AC8BD4
83.3%	83.3% #9F7BCB	RGB 159 123 203	#9F7BCB
100.0%	100.0% #936BC3	RGB 147 107 195	#936BC3

#DFCCF8 #D2BBEF #C5ABE6 #B99BDD #AC8BD4 #9F7BCB #936BC3

#DFCCF8 - #936BC3

HSV Blend

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

0.0%	0.0% #DFCCF8	RGB 223 204 248	#DFCCF8
16.7%	16.7% #D1B9EF	RGB 209 185 239	#D1B9EF
33.3%	33.3% #C3A8E6	RGB 195 168 230	#C3A8E6
50.0%	50.0% #B697DD	RGB 182 151 221	#B697DD
66.7%	66.7% #AA88D4	RGB 170 136 212	#AA88D4
83.3%	83.3% #9E79CB	RGB 158 121 203	#9E79CB
100.0%	100.0% #936BC3	RGB 147 107 195	#936BC3

#DFCCF8 #D1B9EF #C3A8E6 #B697DD #AA88D4 #9E79CB #936BC3

#DFCCF8 - #B697DD - #936BC3

CSS codes

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

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