#D9C7E5 - #7864AD | 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 #D9C7E5 to #7864AD

#D9C7E5 #7864AD

Calculate the color between two colors, #D9C7E5 and #7864AD. 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)

#D9C7E5 - #7864AD | 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 #D9C7E5 as 0% and #7864AD as 100%.

0.0%	0.0% #D9C7E5	RGB 217 199 229	#D9C7E5
16.7%	16.7% #C8B6DB	RGB 200 182 219	#C8B6DB
33.3%	33.3% #B8A6D2	RGB 184 166 210	#B8A6D2
50.0%	50.0% #A895C9	RGB 168 149 201	#A895C9
66.7%	66.7% #9885BF	RGB 152 133 191	#9885BF
83.3%	83.3% #8874B6	RGB 136 116 182	#8874B6
100.0%	100.0% #7864AD	RGB 120 100 173	#7864AD

#D9C7E5 #C8B6DB #B8A6D2 #A895C9 #9885BF #8874B6 #7864AD

#D9C7E5 - #7864AD

HSV Blend

#D9C7E5 - #7864AD | 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 #D9C7E5 as 0% and #7864AD as 100%.

0.0%	0.0% #D9C7E5	RGB 217 199 229	#D9C7E5
16.7%	16.7% #C9B4DB	RGB 201 180 219	#C9B4DB
33.3%	33.3% #B9A2D2	RGB 185 162 210	#B9A2D2
50.0%	50.0% #A991C9	RGB 169 145 201	#A991C9
66.7%	66.7% #9981BF	RGB 153 129 191	#9981BF
83.3%	83.3% #8872B6	RGB 136 114 182	#8872B6
100.0%	100.0% #7864AD	RGB 120 100 173	#7864AD

#D9C7E5 #C9B4DB #B9A2D2 #A991C9 #9981BF #8872B6 #7864AD

#D9C7E5 - #A991C9 - #7864AD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D9C7E5 0%, #A991C9 50%, #7864AD 100%);
    background: -webkit-linear-gradient(top, #D9C7E5 0%, #A991C9 50%, #7864AD 100%);
    background: linear-gradient(to bottom, #D9C7E5 0%, #A991C9 50%, #7864AD 100%);
}
</style>