#C0BBC6 - #9268AF | 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 #C0BBC6 to #9268AF

#C0BBC6 #9268AF

Calculate the color between two colors, #C0BBC6 and #9268AF. 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)

#C0BBC6 - #9268AF | 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 #C0BBC6 as 0% and #9268AF as 100%.

0.0%	0.0% #C0BBC6	RGB 192 187 198	#C0BBC6
16.7%	16.7% #B8ADC2	RGB 184 173 194	#B8ADC2
33.3%	33.3% #B09FBE	RGB 176 159 190	#B09FBE
50.0%	50.0% #A991BA	RGB 169 145 186	#A991BA
66.7%	66.7% #A183B6	RGB 161 131 182	#A183B6
83.3%	83.3% #9975B2	RGB 153 117 178	#9975B2
100.0%	100.0% #9268AF	RGB 146 104 175	#9268AF

#C0BBC6 #B8ADC2 #B09FBE #A991BA #A183B6 #9975B2 #9268AF

#C0BBC6 - #9268AF

HSV Blend

#C0BBC6 - #9268AF | 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 #C0BBC6 as 0% and #9268AF as 100%.

0.0%	0.0% #C0BBC6	RGB 192 187 198	#C0BBC6
16.7%	16.7% #B6ACC2	RGB 182 172 194	#B6ACC2
33.3%	33.3% #AD9DBE	RGB 173 157 190	#AD9DBE
50.0%	50.0% #A58FBA	RGB 165 143 186	#A58FBA
66.7%	66.7% #9E81B6	RGB 158 129 182	#9E81B6
83.3%	83.3% #9874B2	RGB 152 116 178	#9874B2
100.0%	100.0% #9268AF	RGB 146 104 175	#9268AF

#C0BBC6 #B6ACC2 #AD9DBE #A58FBA #9E81B6 #9874B2 #9268AF

#C0BBC6 - #A58FBA - #9268AF

CSS codes

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

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