#CBCDCB - #829F7A | 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 #CBCDCB to #829F7A

#CBCDCB #829F7A

Calculate the color between two colors, #CBCDCB and #829F7A. 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)

#CBCDCB - #829F7A | 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 #CBCDCB as 0% and #829F7A as 100%.

0.0%	0.0% #CBCDCB	RGB 203 205 203	#CBCDCB
16.7%	16.7% #BEC5BD	RGB 190 197 189	#BEC5BD
33.3%	33.3% #B2BDB0	RGB 178 189 176	#B2BDB0
50.0%	50.0% #A6B6A2	RGB 166 182 162	#A6B6A2
66.7%	66.7% #9AAE95	RGB 154 174 149	#9AAE95
83.3%	83.3% #8EA687	RGB 142 166 135	#8EA687
100.0%	100.0% #829F7A	RGB 130 159 122	#829F7A

#CBCDCB #BEC5BD #B2BDB0 #A6B6A2 #9AAE95 #8EA687 #829F7A

#CBCDCB - #829F7A

HSV Blend

#CBCDCB - #829F7A | 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 #CBCDCB as 0% and #829F7A as 100%.

0.0%	0.0% #CBCDCB	RGB 203 205 203	#CBCDCB
16.7%	16.7% #BCC5BC	RGB 188 197 188	#BCC5BC
33.3%	33.3% #AEBDAD	RGB 174 189 173	#AEBDAD
50.0%	50.0% #A2B69F	RGB 162 182 159	#A2B69F
66.7%	66.7% #96AE92	RGB 150 174 146	#96AE92
83.3%	83.3% #8BA686	RGB 139 166 134	#8BA686
100.0%	100.0% #829F7A	RGB 130 159 122	#829F7A

#CBCDCB #BCC5BC #AEBDAD #A2B69F #96AE92 #8BA686 #829F7A

#CBCDCB - #A2B69F - #829F7A

CSS codes

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

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