#DDBEFF - #8D53CE | 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 #DDBEFF to #8D53CE

#DDBEFF #8D53CE

Calculate the color between two colors, #DDBEFF and #8D53CE. 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)

#DDBEFF - #8D53CE | 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 #DDBEFF as 0% and #8D53CE as 100%.

0.0%	0.0% #DDBEFF	RGB 221 190 255	#DDBEFF
16.7%	16.7% #CFACF6	RGB 207 172 246	#CFACF6
33.3%	33.3% #C29AEE	RGB 194 154 238	#C29AEE
50.0%	50.0% #B588E6	RGB 181 136 230	#B588E6
66.7%	66.7% #A776DE	RGB 167 118 222	#A776DE
83.3%	83.3% #9A64D6	RGB 154 100 214	#9A64D6
100.0%	100.0% #8D53CE	RGB 141 83 206	#8D53CE

#DDBEFF #CFACF6 #C29AEE #B588E6 #A776DE #9A64D6 #8D53CE

#DDBEFF - #8D53CE

HSV Blend

#DDBEFF - #8D53CE | 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 #DDBEFF as 0% and #8D53CE as 100%.

0.0%	0.0% #DDBEFF	RGB 221 190 255	#DDBEFF
16.7%	16.7% #CEA9F6	RGB 206 169 246	#CEA9F6
33.3%	33.3% #C096EE	RGB 192 150 238	#C096EE
50.0%	50.0% #B284E6	RGB 178 132 230	#B284E6
66.7%	66.7% #A572DE	RGB 165 114 222	#A572DE
83.3%	83.3% #9962D6	RGB 153 98 214	#9962D6
100.0%	100.0% #8D53CE	RGB 141 83 206	#8D53CE

#DDBEFF #CEA9F6 #C096EE #B284E6 #A572DE #9962D6 #8D53CE

#DDBEFF - #B284E6 - #8D53CE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DDBEFF 0%, #B284E6 50%, #8D53CE 100%);
    background: -webkit-linear-gradient(top, #DDBEFF 0%, #B284E6 50%, #8D53CE 100%);
    background: linear-gradient(to bottom, #DDBEFF 0%, #B284E6 50%, #8D53CE 100%);
}
</style>