#DDD0FE - #936ECD | 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 #DDD0FE to #936ECD

#DDD0FE #936ECD

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

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

0.0%	0.0% #DDD0FE	RGB 221 208 254	#DDD0FE
16.7%	16.7% #D0BFF5	RGB 208 191 245	#D0BFF5
33.3%	33.3% #C4AFED	RGB 196 175 237	#C4AFED
50.0%	50.0% #B89FE5	RGB 184 159 229	#B89FE5
66.7%	66.7% #AB8EDD	RGB 171 142 221	#AB8EDD
83.3%	83.3% #9F7ED5	RGB 159 126 213	#9F7ED5
100.0%	100.0% #936ECD	RGB 147 110 205	#936ECD

#DDD0FE #D0BFF5 #C4AFED #B89FE5 #AB8EDD #9F7ED5 #936ECD

#DDD0FE - #936ECD

HSV Blend

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

0.0%	0.0% #DDD0FE	RGB 221 208 254	#DDD0FE
16.7%	16.7% #CEBDF5	RGB 206 189 245	#CEBDF5
33.3%	33.3% #C1ACED	RGB 193 172 237	#C1ACED
50.0%	50.0% #B49BE5	RGB 180 155 229	#B49BE5
66.7%	66.7% #A88BDD	RGB 168 139 221	#A88BDD
83.3%	83.3% #9D7CD5	RGB 157 124 213	#9D7CD5
100.0%	100.0% #936ECD	RGB 147 110 205	#936ECD

#DDD0FE #CEBDF5 #C1ACED #B49BE5 #A88BDD #9D7CD5 #936ECD

#DDD0FE - #B49BE5 - #936ECD

CSS codes

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

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