#CECDCB - #B0A87B | 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 #CECDCB to #B0A87B

#CECDCB #B0A87B

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

#CECDCB - #B0A87B | 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 #CECDCB as 0% and #B0A87B as 100%.

0.0%	0.0% #CECDCB	RGB 206 205 203	#CECDCB
16.7%	16.7% #C9C6BD	RGB 201 198 189	#C9C6BD
33.3%	33.3% #C4C0B0	RGB 196 192 176	#C4C0B0
50.0%	50.0% #BFBAA3	RGB 191 186 163	#BFBAA3
66.7%	66.7% #BAB495	RGB 186 180 149	#BAB495
83.3%	83.3% #B5AE88	RGB 181 174 136	#B5AE88
100.0%	100.0% #B0A87B	RGB 176 168 123	#B0A87B

#CECDCB #C9C6BD #C4C0B0 #BFBAA3 #BAB495 #B5AE88 #B0A87B

#CECDCB - #B0A87B

HSV Blend

#CECDCB - #B0A87B | 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 #CECDCB as 0% and #B0A87B as 100%.

0.0%	0.0% #CECDCB	RGB 206 205 203	#CECDCB
16.7%	16.7% #C9C5BC	RGB 201 197 188	#C9C5BC
33.3%	33.3% #C4BEAE	RGB 196 190 174	#C4BEAE
50.0%	50.0% #BFB7A0	RGB 191 183 160	#BFB7A0
66.7%	66.7% #BAB193	RGB 186 177 147	#BAB193
83.3%	83.3% #B5AC87	RGB 181 172 135	#B5AC87
100.0%	100.0% #B0A87B	RGB 176 168 123	#B0A87B

#CECDCB #C9C5BC #C4BEAE #BFB7A0 #BAB193 #B5AC87 #B0A87B

#CECDCB - #BFB7A0 - #B0A87B

CSS codes

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

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