#C2B8C4 - #8B5187 | 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 #C2B8C4 to #8B5187

#C2B8C4 #8B5187

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

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

0.0%	0.0% #C2B8C4	RGB 194 184 196	#C2B8C4
16.7%	16.7% #B8A6B9	RGB 184 166 185	#B8A6B9
33.3%	33.3% #AF95AF	RGB 175 149 175	#AF95AF
50.0%	50.0% #A684A5	RGB 166 132 165	#A684A5
66.7%	66.7% #9D739B	RGB 157 115 155	#9D739B
83.3%	83.3% #946291	RGB 148 98 145	#946291
100.0%	100.0% #8B5187	RGB 139 81 135	#8B5187

#C2B8C4 #B8A6B9 #AF95AF #A684A5 #9D739B #946291 #8B5187

#C2B8C4 - #8B5187

HSV Blend

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

0.0%	0.0% #C2B8C4	RGB 194 184 196	#C2B8C4
16.7%	16.7% #B7A4BA	RGB 183 164 186	#B7A4BA
33.3%	33.3% #AE91B1	RGB 174 145 177	#AE91B1
50.0%	50.0% #A57FA7	RGB 165 127 167	#A57FA7
66.7%	66.7% #9D6E9E	RGB 157 110 158	#9D6E9E
83.3%	83.3% #945F92	RGB 148 95 146	#945F92
100.0%	100.0% #8B5187	RGB 139 81 135	#8B5187

#C2B8C4 #B7A4BA #AE91B1 #A57FA7 #9D6E9E #945F92 #8B5187

#C2B8C4 - #A57FA7 - #8B5187

CSS codes

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

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