#CCD0A8 - #8F9D53 | 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 #CCD0A8 to #8F9D53

#CCD0A8 #8F9D53

Calculate the color between two colors, #CCD0A8 and #8F9D53. 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)

#CCD0A8 - #8F9D53 | 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 #CCD0A8 as 0% and #8F9D53 as 100%.

0.0%	0.0% #CCD0A8	RGB 204 208 168	#CCD0A8
16.7%	16.7% #C1C799	RGB 193 199 153	#C1C799
33.3%	33.3% #B7BF8B	RGB 183 191 139	#B7BF8B
50.0%	50.0% #ADB67D	RGB 173 182 125	#ADB67D
66.7%	66.7% #A3AE6F	RGB 163 174 111	#A3AE6F
83.3%	83.3% #99A561	RGB 153 165 97	#99A561
100.0%	100.0% #8F9D53	RGB 143 157 83	#8F9D53

#CCD0A8 #C1C799 #B7BF8B #ADB67D #A3AE6F #99A561 #8F9D53

#CCD0A8 - #8F9D53

HSV Blend

#CCD0A8 - #8F9D53 | 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 #CCD0A8 as 0% and #8F9D53 as 100%.

0.0%	0.0% #CCD0A8	RGB 204 208 168	#CCD0A8
16.7%	16.7% #C2C797	RGB 194 199 151	#C2C797
33.3%	33.3% #B7BF88	RGB 183 191 136	#B7BF88
50.0%	50.0% #ADB679	RGB 173 182 121	#ADB679
66.7%	66.7% #A3AE6C	RGB 163 174 108	#A3AE6C
83.3%	83.3% #99A55F	RGB 153 165 95	#99A55F
100.0%	100.0% #8F9D53	RGB 143 157 83	#8F9D53

#CCD0A8 #C2C797 #B7BF88 #ADB679 #A3AE6C #99A55F #8F9D53

#CCD0A8 - #ADB679 - #8F9D53

CSS codes

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

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