#C2BAC1 - #8B5087 | 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 #C2BAC1 to #8B5087

#C2BAC1 #8B5087

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

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

0.0%	0.0% #C2BAC1	RGB 194 186 193	#C2BAC1
16.7%	16.7% #B8A8B7	RGB 184 168 183	#B8A8B7
33.3%	33.3% #AF96AD	RGB 175 150 173	#AF96AD
50.0%	50.0% #A685A4	RGB 166 133 164	#A685A4
66.7%	66.7% #9D739A	RGB 157 115 154	#9D739A
83.3%	83.3% #946190	RGB 148 97 144	#946190
100.0%	100.0% #8B5087	RGB 139 80 135	#8B5087

#C2BAC1 #B8A8B7 #AF96AD #A685A4 #9D739A #946190 #8B5087

#C2BAC1 - #8B5087

HSV Blend

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

0.0%	0.0% #C2BAC1	RGB 194 186 193	#C2BAC1
16.7%	16.7% #B8A5B6	RGB 184 165 182	#B8A5B6
33.3%	33.3% #AF91AC	RGB 175 145 172	#AF91AC
50.0%	50.0% #A67FA2	RGB 166 127 162	#A67FA2
66.7%	66.7% #9D6E99	RGB 157 110 153	#9D6E99
83.3%	83.3% #945E90	RGB 148 94 144	#945E90
100.0%	100.0% #8B5087	RGB 139 80 135	#8B5087

#C2BAC1 #B8A5B6 #AF91AC #A67FA2 #9D6E99 #945E90 #8B5087

#C2BAC1 - #A67FA2 - #8B5087

CSS codes

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

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