#C0DF35 - #EDF5C5 | 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 #C0DF35 to #EDF5C5

#C0DF35 #EDF5C5

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

#C0DF35 - #EDF5C5 | 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 #C0DF35 as 0% and #EDF5C5 as 100%.

0.0%	0.0% #C0DF35	RGB 192 223 53	#C0DF35
16.7%	16.7% #C7E24D	RGB 199 226 77	#C7E24D
33.3%	33.3% #CFE665	RGB 207 230 101	#CFE665
50.0%	50.0% #D6EA7D	RGB 214 234 125	#D6EA7D
66.7%	66.7% #DEED95	RGB 222 237 149	#DEED95
83.3%	83.3% #E5F1AD	RGB 229 241 173	#E5F1AD
100.0%	100.0% #EDF5C5	RGB 237 245 197	#EDF5C5

#C0DF35 #C7E24D #CFE665 #D6EA7D #DEED95 #E5F1AD #EDF5C5

#C0DF35 - #EDF5C5

HSV Blend

#C0DF35 - #EDF5C5 | 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 #C0DF35 as 0% and #EDF5C5 as 100%.

0.0%	0.0% #C0DF35	RGB 192 223 53	#C0DF35
16.7%	16.7% #C7E24B	RGB 199 226 75	#C7E24B
33.3%	33.3% #CEE662	RGB 206 230 98	#CEE662
50.0%	50.0% #D6EA79	RGB 214 234 121	#D6EA79
66.7%	66.7% #DDED92	RGB 221 237 146	#DDED92
83.3%	83.3% #E5F1AB	RGB 229 241 171	#E5F1AB
100.0%	100.0% #EDF5C5	RGB 237 245 197	#EDF5C5

#C0DF35 #C7E24B #CEE662 #D6EA79 #DDED92 #E5F1AB #EDF5C5

#C0DF35 - #D6EA79 - #EDF5C5

CSS codes

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

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