#CCDAAA - #8BAF55 | 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 #CCDAAA to #8BAF55

#CCDAAA #8BAF55

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

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

0.0%	0.0% #CCDAAA	RGB 204 218 170	#CCDAAA
16.7%	16.7% #C1D29B	RGB 193 210 155	#C1D29B
33.3%	33.3% #B6CB8D	RGB 182 203 141	#B6CB8D
50.0%	50.0% #ABC47F	RGB 171 196 127	#ABC47F
66.7%	66.7% #A0BD71	RGB 160 189 113	#A0BD71
83.3%	83.3% #95B663	RGB 149 182 99	#95B663
100.0%	100.0% #8BAF55	RGB 139 175 85	#8BAF55

#CCDAAA #C1D29B #B6CB8D #ABC47F #A0BD71 #95B663 #8BAF55

#CCDAAA - #8BAF55

HSV Blend

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

0.0%	0.0% #CCDAAA	RGB 204 218 170	#CCDAAA
16.7%	16.7% #C1D29A	RGB 193 210 154	#C1D29A
33.3%	33.3% #B6CB8A	RGB 182 203 138	#B6CB8A
50.0%	50.0% #ABC47C	RGB 171 196 124	#ABC47C
66.7%	66.7% #A0BD6E	RGB 160 189 110	#A0BD6E
83.3%	83.3% #95B661	RGB 149 182 97	#95B661
100.0%	100.0% #8BAF55	RGB 139 175 85	#8BAF55

#CCDAAA #C1D29A #B6CB8A #ABC47C #A0BD6E #95B661 #8BAF55

#CCDAAA - #ABC47C - #8BAF55

CSS codes

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

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