#CCDC8C - #8EB13A | 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 #CCDC8C to #8EB13A

#CCDC8C #8EB13A

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

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

0.0%	0.0% #CCDC8C	RGB 204 220 140	#CCDC8C
16.7%	16.7% #C1D47E	RGB 193 212 126	#C1D47E
33.3%	33.3% #B7CD70	RGB 183 205 112	#B7CD70
50.0%	50.0% #ADC663	RGB 173 198 99	#ADC663
66.7%	66.7% #A2BF55	RGB 162 191 85	#A2BF55
83.3%	83.3% #98B847	RGB 152 184 71	#98B847
100.0%	100.0% #8EB13A	RGB 142 177 58	#8EB13A

#CCDC8C #C1D47E #B7CD70 #ADC663 #A2BF55 #98B847 #8EB13A

#CCDC8C - #8EB13A

HSV Blend

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

0.0%	0.0% #CCDC8C	RGB 204 220 140	#CCDC8C
16.7%	16.7% #C1D47C	RGB 193 212 124	#C1D47C
33.3%	33.3% #B7CD6D	RGB 183 205 109	#B7CD6D
50.0%	50.0% #ADC65F	RGB 173 198 95	#ADC65F
66.7%	66.7% #A2BF52	RGB 162 191 82	#A2BF52
83.3%	83.3% #98B845	RGB 152 184 69	#98B845
100.0%	100.0% #8EB13A	RGB 142 177 58	#8EB13A

#CCDC8C #C1D47C #B7CD6D #ADC65F #A2BF52 #98B845 #8EB13A

#CCDC8C - #ADC65F - #8EB13A

CSS codes

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

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