#C1EB6D - #EDF9D5 | 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 #C1EB6D to #EDF9D5

#C1EB6D #EDF9D5

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

#C1EB6D - #EDF9D5 | 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 #C1EB6D as 0% and #EDF9D5 as 100%.

0.0%	0.0% #C1EB6D	RGB 193 235 109	#C1EB6D
16.7%	16.7% #C8ED7E	RGB 200 237 126	#C8ED7E
33.3%	33.3% #CFEF8F	RGB 207 239 143	#CFEF8F
50.0%	50.0% #D7F2A1	RGB 215 242 161	#D7F2A1
66.7%	66.7% #DEF4B2	RGB 222 244 178	#DEF4B2
83.3%	83.3% #E5F6C3	RGB 229 246 195	#E5F6C3
100.0%	100.0% #EDF9D5	RGB 237 249 213	#EDF9D5

#C1EB6D #C8ED7E #CFEF8F #D7F2A1 #DEF4B2 #E5F6C3 #EDF9D5

#C1EB6D - #EDF9D5

HSV Blend

#C1EB6D - #EDF9D5 | 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 #C1EB6D as 0% and #EDF9D5 as 100%.

0.0%	0.0% #C1EB6D	RGB 193 235 109	#C1EB6D
16.7%	16.7% #C8ED7D	RGB 200 237 125	#C8ED7D
33.3%	33.3% #CFEF8E	RGB 207 239 142	#CFEF8E
50.0%	50.0% #D6F29F	RGB 214 242 159	#D6F29F
66.7%	66.7% #DDF4B1	RGB 221 244 177	#DDF4B1
83.3%	83.3% #E5F6C2	RGB 229 246 194	#E5F6C2
100.0%	100.0% #EDF9D5	RGB 237 249 213	#EDF9D5

#C1EB6D #C8ED7D #CFEF8E #D6F29F #DDF4B1 #E5F6C2 #EDF9D5

#C1EB6D - #D6F29F - #EDF9D5

CSS codes

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

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