#C2D24C - #EDF2CB | 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 #C2D24C to #EDF2CB

#C2D24C #EDF2CB

Calculate the color between two colors, #C2D24C and #EDF2CB. 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)

#C2D24C - #EDF2CB | 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 #C2D24C as 0% and #EDF2CB as 100%.

0.0%	0.0% #C2D24C	RGB 194 210 76	#C2D24C
16.7%	16.7% #C9D761	RGB 201 215 97	#C9D761
33.3%	33.3% #D0DC76	RGB 208 220 118	#D0DC76
50.0%	50.0% #D7E28B	RGB 215 226 139	#D7E28B
66.7%	66.7% #DEE7A0	RGB 222 231 160	#DEE7A0
83.3%	83.3% #E5ECB5	RGB 229 236 181	#E5ECB5
100.0%	100.0% #EDF2CB	RGB 237 242 203	#EDF2CB

#C2D24C #C9D761 #D0DC76 #D7E28B #DEE7A0 #E5ECB5 #EDF2CB

#C2D24C - #EDF2CB

HSV Blend

#C2D24C - #EDF2CB | 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 #C2D24C as 0% and #EDF2CB as 100%.

0.0%	0.0% #C2D24C	RGB 194 210 76	#C2D24C
16.7%	16.7% #C8D75F	RGB 200 215 95	#C8D75F
33.3%	33.3% #CFDC72	RGB 207 220 114	#CFDC72
50.0%	50.0% #D6E287	RGB 214 226 135	#D6E287
66.7%	66.7% #DEE79D	RGB 222 231 157	#DEE79D
83.3%	83.3% #E5ECB3	RGB 229 236 179	#E5ECB3
100.0%	100.0% #EDF2CB	RGB 237 242 203	#EDF2CB

#C2D24C #C8D75F #CFDC72 #D6E287 #DEE79D #E5ECB3 #EDF2CB

#C2D24C - #D6E287 - #EDF2CB

CSS codes

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

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