#CCF46C - #8CD225 | 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 #CCF46C to #8CD225

#CCF46C #8CD225

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

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

0.0%	0.0% #CCF46C	RGB 204 244 108	#CCF46C
16.7%	16.7% #C1EE60	RGB 193 238 96	#C1EE60
33.3%	33.3% #B6E854	RGB 182 232 84	#B6E854
50.0%	50.0% #ACE348	RGB 172 227 72	#ACE348
66.7%	66.7% #A1DD3C	RGB 161 221 60	#A1DD3C
83.3%	83.3% #96D730	RGB 150 215 48	#96D730
100.0%	100.0% #8CD225	RGB 140 210 37	#8CD225

#CCF46C #C1EE60 #B6E854 #ACE348 #A1DD3C #96D730 #8CD225

#CCF46C - #8CD225

HSV Blend

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

0.0%	0.0% #CCF46C	RGB 204 244 108	#CCF46C
16.7%	16.7% #C1EE5E	RGB 193 238 94	#C1EE5E
33.3%	33.3% #B6E852	RGB 182 232 82	#B6E852
50.0%	50.0% #ACE346	RGB 172 227 70	#ACE346
66.7%	66.7% #A1DD3A	RGB 161 221 58	#A1DD3A
83.3%	83.3% #96D72F	RGB 150 215 47	#96D72F
100.0%	100.0% #8CD225	RGB 140 210 37	#8CD225

#CCF46C #C1EE5E #B6E852 #ACE346 #A1DD3A #96D72F #8CD225

#CCF46C - #ACE346 - #8CD225

CSS codes

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

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