#8C95AC - #CEBCB8 | 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 #8C95AC to #CEBCB8

#8C95AC #CEBCB8

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

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

0.0%	0.0% #8C95AC	RGB 140 149 172	#8C95AC
16.7%	16.7% #979BAE	RGB 151 155 174	#979BAE
33.3%	33.3% #A2A2B0	RGB 162 162 176	#A2A2B0
50.0%	50.0% #ADA8B2	RGB 173 168 178	#ADA8B2
66.7%	66.7% #B8AFB4	RGB 184 175 180	#B8AFB4
83.3%	83.3% #C3B5B6	RGB 195 181 182	#C3B5B6
100.0%	100.0% #CEBCB8	RGB 206 188 184	#CEBCB8

#8C95AC #979BAE #A2A2B0 #ADA8B2 #B8AFB4 #C3B5B6 #CEBCB8

#8C95AC - #CEBCB8

HSV Blend

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

0.0%	0.0% #8C95AC	RGB 140 149 172	#8C95AC
16.7%	16.7% #9692B1	RGB 150 146 177	#9692B1
33.3%	33.3% #A99AB7	RGB 169 154 183	#A99AB7
50.0%	50.0% #BBA1BD	RGB 187 161 189	#BBA1BD
66.7%	66.7% #C2A8B9	RGB 194 168 185	#C2A8B9
83.3%	83.3% #C8B0B5	RGB 200 176 181	#C8B0B5
100.0%	100.0% #CEBCB8	RGB 206 188 184	#CEBCB8

#8C95AC #9692B1 #A99AB7 #BBA1BD #C2A8B9 #C8B0B5 #CEBCB8

#8C95AC - #BBA1BD - #CEBCB8

CSS codes

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

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