#CECBCB - #A97B81 | 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 #CECBCB to #A97B81

#CECBCB #A97B81

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

#CECBCB - #A97B81 | 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 #CECBCB as 0% and #A97B81 as 100%.

0.0%	0.0% #CECBCB	RGB 206 203 203	#CECBCB
16.7%	16.7% #C7BDBE	RGB 199 189 190	#C7BDBE
33.3%	33.3% #C1B0B2	RGB 193 176 178	#C1B0B2
50.0%	50.0% #BBA3A6	RGB 187 163 166	#BBA3A6
66.7%	66.7% #B59599	RGB 181 149 153	#B59599
83.3%	83.3% #AF888D	RGB 175 136 141	#AF888D
100.0%	100.0% #A97B81	RGB 169 123 129	#A97B81

#CECBCB #C7BDBE #C1B0B2 #BBA3A6 #B59599 #AF888D #A97B81

#CECBCB - #A97B81

HSV Blend

#CECBCB - #A97B81 | 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 #CECBCB as 0% and #A97B81 as 100%.

0.0%	0.0% #CECBCB	RGB 206 203 203	#CECBCB
16.7%	16.7% #C7BCBC	RGB 199 188 188	#C7BCBC
33.3%	33.3% #C1AEAF	RGB 193 174 175	#C1AEAF
50.0%	50.0% #BBA0A2	RGB 187 160 162	#BBA0A2
66.7%	66.7% #B59396	RGB 181 147 150	#B59396
83.3%	83.3% #AF878B	RGB 175 135 139	#AF878B
100.0%	100.0% #A97B81	RGB 169 123 129	#A97B81

#CECBCB #C7BCBC #C1AEAF #BBA0A2 #B59396 #AF878B #A97B81

#CECBCB - #BBA0A2 - #A97B81

CSS codes

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

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