#C2DA9C - #EDF4E2 | 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 #C2DA9C to #EDF4E2

#C2DA9C #EDF4E2

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

#C2DA9C - #EDF4E2 | 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 #C2DA9C as 0% and #EDF4E2 as 100%.

0.0%	0.0% #C2DA9C	RGB 194 218 156	#C2DA9C
16.7%	16.7% #C9DEA7	RGB 201 222 167	#C9DEA7
33.3%	33.3% #D0E2B3	RGB 208 226 179	#D0E2B3
50.0%	50.0% #D7E7BF	RGB 215 231 191	#D7E7BF
66.7%	66.7% #DEEBCA	RGB 222 235 202	#DEEBCA
83.3%	83.3% #E5EFD6	RGB 229 239 214	#E5EFD6
100.0%	100.0% #EDF4E2	RGB 237 244 226	#EDF4E2

#C2DA9C #C9DEA7 #D0E2B3 #D7E7BF #DEEBCA #E5EFD6 #EDF4E2

#C2DA9C - #EDF4E2

HSV Blend

#C2DA9C - #EDF4E2 | 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 #C2DA9C as 0% and #EDF4E2 as 100%.

0.0%	0.0% #C2DA9C	RGB 194 218 156	#C2DA9C
16.7%	16.7% #C8DEA6	RGB 200 222 166	#C8DEA6
33.3%	33.3% #CFE2B2	RGB 207 226 178	#CFE2B2
50.0%	50.0% #D6E7BD	RGB 214 231 189	#D6E7BD
66.7%	66.7% #DEEBC9	RGB 222 235 201	#DEEBC9
83.3%	83.3% #E5EFD5	RGB 229 239 213	#E5EFD5
100.0%	100.0% #EDF4E2	RGB 237 244 226	#EDF4E2

#C2DA9C #C8DEA6 #CFE2B2 #D6E7BD #DEEBC9 #E5EFD5 #EDF4E2

#C2DA9C - #D6E7BD - #EDF4E2

CSS codes

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

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