#D9D2E5 - #8F69B6 | 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 #D9D2E5 to #8F69B6

#D9D2E5 #8F69B6

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

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

0.0%	0.0% #D9D2E5	RGB 217 210 229	#D9D2E5
16.7%	16.7% #CCC0DD	RGB 204 192 221	#CCC0DD
33.3%	33.3% #C0AFD5	RGB 192 175 213	#C0AFD5
50.0%	50.0% #B49DCD	RGB 180 157 205	#B49DCD
66.7%	66.7% #A78CC5	RGB 167 140 197	#A78CC5
83.3%	83.3% #9B7ABD	RGB 155 122 189	#9B7ABD
100.0%	100.0% #8F69B6	RGB 143 105 182	#8F69B6

#D9D2E5 #CCC0DD #C0AFD5 #B49DCD #A78CC5 #9B7ABD #8F69B6

#D9D2E5 - #8F69B6

HSV Blend

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

0.0%	0.0% #D9D2E5	RGB 217 210 229	#D9D2E5
16.7%	16.7% #CABEDD	RGB 202 190 221	#CABEDD
33.3%	33.3% #BCABD5	RGB 188 171 213	#BCABD5
50.0%	50.0% #AF99CD	RGB 175 153 205	#AF99CD
66.7%	66.7% #A488C5	RGB 164 136 197	#A488C5
83.3%	83.3% #9978BD	RGB 153 120 189	#9978BD
100.0%	100.0% #8F69B6	RGB 143 105 182	#8F69B6

#D9D2E5 #CABEDD #BCABD5 #AF99CD #A488C5 #9978BD #8F69B6

#D9D2E5 - #AF99CD - #8F69B6

CSS codes

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

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