#DECDF3 - #936FBC | 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 #DECDF3 to #936FBC

#DECDF3 #936FBC

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

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

0.0%	0.0% #DECDF3	RGB 222 205 243	#DECDF3
16.7%	16.7% #D1BDE9	RGB 209 189 233	#D1BDE9
33.3%	33.3% #C5ADE0	RGB 197 173 224	#C5ADE0
50.0%	50.0% #B89ED7	RGB 184 158 215	#B89ED7
66.7%	66.7% #AC8ECE	RGB 172 142 206	#AC8ECE
83.3%	83.3% #9F7EC5	RGB 159 126 197	#9F7EC5
100.0%	100.0% #936FBC	RGB 147 111 188	#936FBC

#DECDF3 #D1BDE9 #C5ADE0 #B89ED7 #AC8ECE #9F7EC5 #936FBC

#DECDF3 - #936FBC

HSV Blend

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

0.0%	0.0% #DECDF3	RGB 222 205 243	#DECDF3
16.7%	16.7% #D0BBE9	RGB 208 187 233	#D0BBE9
33.3%	33.3% #C3AAE0	RGB 195 170 224	#C3AAE0
50.0%	50.0% #B69AD7	RGB 182 154 215	#B69AD7
66.7%	66.7% #AA8BCE	RGB 170 139 206	#AA8BCE
83.3%	83.3% #9E7CC5	RGB 158 124 197	#9E7CC5
100.0%	100.0% #936FBC	RGB 147 111 188	#936FBC

#DECDF3 #D0BBE9 #C3AAE0 #B69AD7 #AA8BCE #9E7CC5 #936FBC

#DECDF3 - #B69AD7 - #936FBC

CSS codes

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

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