#C8C3D9 - #7D70A8 | 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 #C8C3D9 to #7D70A8

#C8C3D9 #7D70A8

Calculate the color between two colors, #C8C3D9 and #7D70A8. 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)

#C8C3D9 - #7D70A8 | 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 #C8C3D9 as 0% and #7D70A8 as 100%.

0.0%	0.0% #C8C3D9	RGB 200 195 217	#C8C3D9
16.7%	16.7% #BBB5D0	RGB 187 181 208	#BBB5D0
33.3%	33.3% #AFA7C8	RGB 175 167 200	#AFA7C8
50.0%	50.0% #A299C0	RGB 162 153 192	#A299C0
66.7%	66.7% #968BB8	RGB 150 139 184	#968BB8
83.3%	83.3% #897DB0	RGB 137 125 176	#897DB0
100.0%	100.0% #7D70A8	RGB 125 112 168	#7D70A8

#C8C3D9 #BBB5D0 #AFA7C8 #A299C0 #968BB8 #897DB0 #7D70A8

#C8C3D9 - #7D70A8

HSV Blend

#C8C3D9 - #7D70A8 | 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 #C8C3D9 as 0% and #7D70A8 as 100%.

0.0%	0.0% #C8C3D9	RGB 200 195 217	#C8C3D9
16.7%	16.7% #BAB3D0	RGB 186 179 208	#BAB3D0
33.3%	33.3% #ADA4C8	RGB 173 164 200	#ADA4C8
50.0%	50.0% #A096C0	RGB 160 150 192	#A096C0
66.7%	66.7% #9489B8	RGB 148 137 184	#9489B8
83.3%	83.3% #887CB0	RGB 136 124 176	#887CB0
100.0%	100.0% #7D70A8	RGB 125 112 168	#7D70A8

#C8C3D9 #BAB3D0 #ADA4C8 #A096C0 #9489B8 #887CB0 #7D70A8

#C8C3D9 - #A096C0 - #7D70A8

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8C3D9 0%, #A096C0 50%, #7D70A8 100%);
    background: -webkit-linear-gradient(top, #C8C3D9 0%, #A096C0 50%, #7D70A8 100%);
    background: linear-gradient(to bottom, #C8C3D9 0%, #A096C0 50%, #7D70A8 100%);
}
</style>