#DDD2FF - #8573CD | 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 #DDD2FF to #8573CD

#DDD2FF #8573CD

Calculate the color between two colors, #DDD2FF and #8573CD. 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)

#DDD2FF - #8573CD | 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 #DDD2FF as 0% and #8573CD as 100%.

0.0%	0.0% #DDD2FF	RGB 221 210 255	#DDD2FF
16.7%	16.7% #CEC2F6	RGB 206 194 246	#CEC2F6
33.3%	33.3% #BFB2EE	RGB 191 178 238	#BFB2EE
50.0%	50.0% #B1A2E6	RGB 177 162 230	#B1A2E6
66.7%	66.7% #A292DD	RGB 162 146 221	#A292DD
83.3%	83.3% #9382D5	RGB 147 130 213	#9382D5
100.0%	100.0% #8573CD	RGB 133 115 205	#8573CD

#DDD2FF #CEC2F6 #BFB2EE #B1A2E6 #A292DD #9382D5 #8573CD

#DDD2FF - #8573CD

HSV Blend

#DDD2FF - #8573CD | 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 #DDD2FF as 0% and #8573CD as 100%.

0.0%	0.0% #DDD2FF	RGB 221 210 255	#DDD2FF
16.7%	16.7% #CDC0F6	RGB 205 192 246	#CDC0F6
33.3%	33.3% #BDAFEE	RGB 189 175 238	#BDAFEE
50.0%	50.0% #AE9FE6	RGB 174 159 230	#AE9FE6
66.7%	66.7% #A08FDD	RGB 160 143 221	#A08FDD
83.3%	83.3% #9281D5	RGB 146 129 213	#9281D5
100.0%	100.0% #8573CD	RGB 133 115 205	#8573CD

#DDD2FF #CDC0F6 #BDAFEE #AE9FE6 #A08FDD #9281D5 #8573CD

#DDD2FF - #AE9FE6 - #8573CD

CSS codes

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

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