#CECECE - #B7867F | 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 #CECECE to #B7867F

#CECECE #B7867F

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

#CECECE - #B7867F | 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 #CECECE as 0% and #B7867F as 100%.

0.0%	0.0% #CECECE	RGB 206 206 206	#CECECE
16.7%	16.7% #CAC2C0	RGB 202 194 192	#CAC2C0
33.3%	33.3% #C6B6B3	RGB 198 182 179	#C6B6B3
50.0%	50.0% #C2AAA6	RGB 194 170 166	#C2AAA6
66.7%	66.7% #BE9E99	RGB 190 158 153	#BE9E99
83.3%	83.3% #BA928C	RGB 186 146 140	#BA928C
100.0%	100.0% #B7867F	RGB 183 134 127	#B7867F

#CECECE #CAC2C0 #C6B6B3 #C2AAA6 #BE9E99 #BA928C #B7867F

#CECECE - #B7867F

HSV Blend

#CECECE - #B7867F | 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 #CECECE as 0% and #B7867F as 100%.

0.0%	0.0% #CECECE	RGB 206 206 206	#CECECE
16.7%	16.7% #CAC0BF	RGB 202 192 191	#CAC0BF
33.3%	33.3% #C6B2B2	RGB 198 178 178	#C6B2B2
50.0%	50.0% #C2A6A4	RGB 194 166 164	#C2A6A4
66.7%	66.7% #BE9B97	RGB 190 155 151	#BE9B97
83.3%	83.3% #BA908B	RGB 186 144 139	#BA908B
100.0%	100.0% #B7867F	RGB 183 134 127	#B7867F

#CECECE #CAC0BF #C6B2B2 #C2A6A4 #BE9B97 #BA908B #B7867F

#CECECE - #C2A6A4 - #B7867F

CSS codes

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

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