#CDDBA4 - #8DB04F | 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 #CDDBA4 to #8DB04F

#CDDBA4 #8DB04F

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

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

0.0%	0.0% #CDDBA4	RGB 205 219 164	#CDDBA4
16.7%	16.7% #C2D395	RGB 194 211 149	#C2D395
33.3%	33.3% #B7CC87	RGB 183 204 135	#B7CC87
50.0%	50.0% #ADC579	RGB 173 197 121	#ADC579
66.7%	66.7% #A2BE6B	RGB 162 190 107	#A2BE6B
83.3%	83.3% #97B75D	RGB 151 183 93	#97B75D
100.0%	100.0% #8DB04F	RGB 141 176 79	#8DB04F

#CDDBA4 #C2D395 #B7CC87 #ADC579 #A2BE6B #97B75D #8DB04F

#CDDBA4 - #8DB04F

HSV Blend

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

0.0%	0.0% #CDDBA4	RGB 205 219 164	#CDDBA4
16.7%	16.7% #C2D394	RGB 194 211 148	#C2D394
33.3%	33.3% #B7CC84	RGB 183 204 132	#B7CC84
50.0%	50.0% #ADC576	RGB 173 197 118	#ADC576
66.7%	66.7% #A2BE68	RGB 162 190 104	#A2BE68
83.3%	83.3% #97B75B	RGB 151 183 91	#97B75B
100.0%	100.0% #8DB04F	RGB 141 176 79	#8DB04F

#CDDBA4 #C2D394 #B7CC84 #ADC576 #A2BE68 #97B75B #8DB04F

#CDDBA4 - #ADC576 - #8DB04F

CSS codes

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

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