#D8C5E5 - #7962AD | 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 #D8C5E5 to #7962AD

#D8C5E5 #7962AD

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

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

0.0%	0.0% #D8C5E5	RGB 216 197 229	#D8C5E5
16.7%	16.7% #C8B4DB	RGB 200 180 219	#C8B4DB
33.3%	33.3% #B8A4D2	RGB 184 164 210	#B8A4D2
50.0%	50.0% #A893C9	RGB 168 147 201	#A893C9
66.7%	66.7% #9883BF	RGB 152 131 191	#9883BF
83.3%	83.3% #8872B6	RGB 136 114 182	#8872B6
100.0%	100.0% #7962AD	RGB 121 98 173	#7962AD

#D8C5E5 #C8B4DB #B8A4D2 #A893C9 #9883BF #8872B6 #7962AD

#D8C5E5 - #7962AD

HSV Blend

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

0.0%	0.0% #D8C5E5	RGB 216 197 229	#D8C5E5
16.7%	16.7% #C8B2DB	RGB 200 178 219	#C8B2DB
33.3%	33.3% #B9A0D2	RGB 185 160 210	#B9A0D2
50.0%	50.0% #A98FC9	RGB 169 143 201	#A98FC9
66.7%	66.7% #997FBF	RGB 153 127 191	#997FBF
83.3%	83.3% #8970B6	RGB 137 112 182	#8970B6
100.0%	100.0% #7962AD	RGB 121 98 173	#7962AD

#D8C5E5 #C8B2DB #B9A0D2 #A98FC9 #997FBF #8970B6 #7962AD

#D8C5E5 - #A98FC9 - #7962AD

CSS codes

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

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