#CBA9C7 - #965488 | 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 #CBA9C7 to #965488

#CBA9C7 #965488

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

#CBA9C7 - #965488 | 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 #CBA9C7 as 0% and #965488 as 100%.

0.0%	0.0% #CBA9C7	RGB 203 169 199	#CBA9C7
16.7%	16.7% #C29ABC	RGB 194 154 188	#C29ABC
33.3%	33.3% #B98CB2	RGB 185 140 178	#B98CB2
50.0%	50.0% #B07EA7	RGB 176 126 167	#B07EA7
66.7%	66.7% #A7709D	RGB 167 112 157	#A7709D
83.3%	83.3% #9E6292	RGB 158 98 146	#9E6292
100.0%	100.0% #965488	RGB 150 84 136	#965488

#CBA9C7 #C29ABC #B98CB2 #B07EA7 #A7709D #9E6292 #965488

#CBA9C7 - #965488

HSV Blend

#CBA9C7 - #965488 | 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 #CBA9C7 as 0% and #965488 as 100%.

0.0%	0.0% #CBA9C7	RGB 203 169 199	#CBA9C7
16.7%	16.7% #C298BC	RGB 194 152 188	#C298BC
33.3%	33.3% #B989B2	RGB 185 137 178	#B989B2
50.0%	50.0% #B07AA7	RGB 176 122 167	#B07AA7
66.7%	66.7% #A76D9D	RGB 167 109 157	#A76D9D
83.3%	83.3% #9E6092	RGB 158 96 146	#9E6092
100.0%	100.0% #965488	RGB 150 84 136	#965488

#CBA9C7 #C298BC #B989B2 #B07AA7 #A76D9D #9E6092 #965488

#CBA9C7 - #B07AA7 - #965488

CSS codes

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

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