#C3C2D2 - #7F648F | 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 #C3C2D2 to #7F648F

#C3C2D2 #7F648F

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

#C3C2D2 - #7F648F | 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 #C3C2D2 as 0% and #7F648F as 100%.

0.0%	0.0% #C3C2D2	RGB 195 194 210	#C3C2D2
16.7%	16.7% #B7B2C6	RGB 183 178 198	#B7B2C6
33.3%	33.3% #ACA2BB	RGB 172 162 187	#ACA2BB
50.0%	50.0% #A193B0	RGB 161 147 176	#A193B0
66.7%	66.7% #9583A5	RGB 149 131 165	#9583A5
83.3%	83.3% #8A739A	RGB 138 115 154	#8A739A
100.0%	100.0% #7F648F	RGB 127 100 143	#7F648F

#C3C2D2 #B7B2C6 #ACA2BB #A193B0 #9583A5 #8A739A #7F648F

#C3C2D2 - #7F648F

HSV Blend

#C3C2D2 - #7F648F | 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 #C3C2D2 as 0% and #7F648F as 100%.

0.0%	0.0% #C3C2D2	RGB 195 194 210	#C3C2D2
16.7%	16.7% #B3B0C6	RGB 179 176 198	#B3B0C6
33.3%	33.3% #A69FBB	RGB 166 159 187	#A69FBB
50.0%	50.0% #9A8FB0	RGB 154 143 176	#9A8FB0
66.7%	66.7% #907FA5	RGB 144 127 165	#907FA5
83.3%	83.3% #87719A	RGB 135 113 154	#87719A
100.0%	100.0% #7F648F	RGB 127 100 143	#7F648F

#C3C2D2 #B3B0C6 #A69FBB #9A8FB0 #907FA5 #87719A #7F648F

#C3C2D2 - #9A8FB0 - #7F648F

CSS codes

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

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