#C3BCC2 - #8C5288 | 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 #C3BCC2 to #8C5288

#C3BCC2 #8C5288

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

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

0.0%	0.0% #C3BCC2	RGB 195 188 194	#C3BCC2
16.7%	16.7% #B9AAB8	RGB 185 170 184	#B9AAB8
33.3%	33.3% #B098AE	RGB 176 152 174	#B098AE
50.0%	50.0% #A787A5	RGB 167 135 165	#A787A5
66.7%	66.7% #9E759B	RGB 158 117 155	#9E759B
83.3%	83.3% #956391	RGB 149 99 145	#956391
100.0%	100.0% #8C5288	RGB 140 82 136	#8C5288

#C3BCC2 #B9AAB8 #B098AE #A787A5 #9E759B #956391 #8C5288

#C3BCC2 - #8C5288

HSV Blend

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

0.0%	0.0% #C3BCC2	RGB 195 188 194	#C3BCC2
16.7%	16.7% #B9A7B7	RGB 185 167 183	#B9A7B7
33.3%	33.3% #B094AD	RGB 176 148 173	#B094AD
50.0%	50.0% #A781A3	RGB 167 129 163	#A781A3
66.7%	66.7% #9E709A	RGB 158 112 154	#9E709A
83.3%	83.3% #956090	RGB 149 96 144	#956090
100.0%	100.0% #8C5288	RGB 140 82 136	#8C5288

#C3BCC2 #B9A7B7 #B094AD #A781A3 #9E709A #956090 #8C5288

#C3BCC2 - #A781A3 - #8C5288

CSS codes

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

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