#C0CEAA - #838C4A | 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 #C0CEAA to #838C4A

#C0CEAA #838C4A

Calculate the color between two colors, #C0CEAA and #838C4A. 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)

#C0CEAA - #838C4A | 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 #C0CEAA as 0% and #838C4A as 100%.

0.0%	0.0% #C0CEAA	RGB 192 206 170	#C0CEAA
16.7%	16.7% #B5C39A	RGB 181 195 154	#B5C39A
33.3%	33.3% #ABB88A	RGB 171 184 138	#ABB88A
50.0%	50.0% #A1AD7A	RGB 161 173 122	#A1AD7A
66.7%	66.7% #97A26A	RGB 151 162 106	#97A26A
83.3%	83.3% #8D975A	RGB 141 151 90	#8D975A
100.0%	100.0% #838C4A	RGB 131 140 74	#838C4A

#C0CEAA #B5C39A #ABB88A #A1AD7A #97A26A #8D975A #838C4A

#C0CEAA - #838C4A

HSV Blend

#C0CEAA - #838C4A | 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 #C0CEAA as 0% and #838C4A as 100%.

0.0%	0.0% #C0CEAA	RGB 192 206 170	#C0CEAA
16.7%	16.7% #B3C397	RGB 179 195 151	#B3C397
33.3%	33.3% #A8B885	RGB 168 184 133	#A8B885
50.0%	50.0% #9EAD75	RGB 158 173 117	#9EAD75
66.7%	66.7% #94A265	RGB 148 162 101	#94A265
83.3%	83.3% #8B9757	RGB 139 151 87	#8B9757
100.0%	100.0% #838C4A	RGB 131 140 74	#838C4A

#C0CEAA #B3C397 #A8B885 #9EAD75 #94A265 #8B9757 #838C4A

#C0CEAA - #9EAD75 - #838C4A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0CEAA 0%, #9EAD75 50%, #838C4A 100%);
    background: -webkit-linear-gradient(top, #C0CEAA 0%, #9EAD75 50%, #838C4A 100%);
    background: linear-gradient(to bottom, #C0CEAA 0%, #9EAD75 50%, #838C4A 100%);
}
</style>