#CDD9A8 - #8DAD53 | 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 #CDD9A8 to #8DAD53

#CDD9A8 #8DAD53

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

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

0.0%	0.0% #CDD9A8	RGB 205 217 168	#CDD9A8
16.7%	16.7% #C2D199	RGB 194 209 153	#C2D199
33.3%	33.3% #B7CA8B	RGB 183 202 139	#B7CA8B
50.0%	50.0% #ADC37D	RGB 173 195 125	#ADC37D
66.7%	66.7% #A2BB6F	RGB 162 187 111	#A2BB6F
83.3%	83.3% #97B461	RGB 151 180 97	#97B461
100.0%	100.0% #8DAD53	RGB 141 173 83	#8DAD53

#CDD9A8 #C2D199 #B7CA8B #ADC37D #A2BB6F #97B461 #8DAD53

#CDD9A8 - #8DAD53

HSV Blend

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

0.0%	0.0% #CDD9A8	RGB 205 217 168	#CDD9A8
16.7%	16.7% #C2D198	RGB 194 209 152	#C2D198
33.3%	33.3% #B7CA88	RGB 183 202 136	#B7CA88
50.0%	50.0% #ADC37A	RGB 173 195 122	#ADC37A
66.7%	66.7% #A2BB6C	RGB 162 187 108	#A2BB6C
83.3%	83.3% #97B45F	RGB 151 180 95	#97B45F
100.0%	100.0% #8DAD53	RGB 141 173 83	#8DAD53

#CDD9A8 #C2D198 #B7CA88 #ADC37A #A2BB6C #97B45F #8DAD53

#CDD9A8 - #ADC37A - #8DAD53

CSS codes

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

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