#C2DD5E - #EDF5D1 | 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 #C2DD5E to #EDF5D1

#C2DD5E #EDF5D1

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

#C2DD5E - #EDF5D1 | 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 #C2DD5E as 0% and #EDF5D1 as 100%.

0.0%	0.0% #C2DD5E	RGB 194 221 94	#C2DD5E
16.7%	16.7% #C9E171	RGB 201 225 113	#C9E171
33.3%	33.3% #D0E584	RGB 208 229 132	#D0E584
50.0%	50.0% #D7E997	RGB 215 233 151	#D7E997
66.7%	66.7% #DEEDAA	RGB 222 237 170	#DEEDAA
83.3%	83.3% #E5F1BD	RGB 229 241 189	#E5F1BD
100.0%	100.0% #EDF5D1	RGB 237 245 209	#EDF5D1

#C2DD5E #C9E171 #D0E584 #D7E997 #DEEDAA #E5F1BD #EDF5D1

#C2DD5E - #EDF5D1

HSV Blend

#C2DD5E - #EDF5D1 | 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 #C2DD5E as 0% and #EDF5D1 as 100%.

0.0%	0.0% #C2DD5E	RGB 194 221 94	#C2DD5E
16.7%	16.7% #C8E16F	RGB 200 225 111	#C8E16F
33.3%	33.3% #CFE582	RGB 207 229 130	#CFE582
50.0%	50.0% #D6E994	RGB 214 233 148	#D6E994
66.7%	66.7% #DDEDA8	RGB 221 237 168	#DDEDA8
83.3%	83.3% #E5F1BC	RGB 229 241 188	#E5F1BC
100.0%	100.0% #EDF5D1	RGB 237 245 209	#EDF5D1

#C2DD5E #C8E16F #CFE582 #D6E994 #DDEDA8 #E5F1BC #EDF5D1

#C2DD5E - #D6E994 - #EDF5D1

CSS codes

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

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