#CCDDA0 - #8BB44C | 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 #CCDDA0 to #8BB44C

#CCDDA0 #8BB44C

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

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

0.0%	0.0% #CCDDA0	RGB 204 221 160	#CCDDA0
16.7%	16.7% #C1D692	RGB 193 214 146	#C1D692
33.3%	33.3% #B6CF84	RGB 182 207 132	#B6CF84
50.0%	50.0% #ABC876	RGB 171 200 118	#ABC876
66.7%	66.7% #A0C168	RGB 160 193 104	#A0C168
83.3%	83.3% #95BA5A	RGB 149 186 90	#95BA5A
100.0%	100.0% #8BB44C	RGB 139 180 76	#8BB44C

#CCDDA0 #C1D692 #B6CF84 #ABC876 #A0C168 #95BA5A #8BB44C

#CCDDA0 - #8BB44C

HSV Blend

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

0.0%	0.0% #CCDDA0	RGB 204 221 160	#CCDDA0
16.7%	16.7% #C1D690	RGB 193 214 144	#C1D690
33.3%	33.3% #B6CF81	RGB 182 207 129	#B6CF81
50.0%	50.0% #ABC872	RGB 171 200 114	#ABC872
66.7%	66.7% #A0C165	RGB 160 193 101	#A0C165
83.3%	83.3% #95BA58	RGB 149 186 88	#95BA58
100.0%	100.0% #8BB44C	RGB 139 180 76	#8BB44C

#CCDDA0 #C1D690 #B6CF81 #ABC872 #A0C165 #95BA58 #8BB44C

#CCDDA0 - #ABC872 - #8BB44C

CSS codes

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

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