#C6CF3C - #EEF1C7 | 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 #C6CF3C to #EEF1C7

#C6CF3C #EEF1C7

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

#C6CF3C - #EEF1C7 | 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 #C6CF3C as 0% and #EEF1C7 as 100%.

0.0%	0.0% #C6CF3C	RGB 198 207 60	#C6CF3C
16.7%	16.7% #CCD453	RGB 204 212 83	#CCD453
33.3%	33.3% #D3DA6A	RGB 211 218 106	#D3DA6A
50.0%	50.0% #DAE081	RGB 218 224 129	#DAE081
66.7%	66.7% #E0E598	RGB 224 229 152	#E0E598
83.3%	83.3% #E7EBAF	RGB 231 235 175	#E7EBAF
100.0%	100.0% #EEF1C7	RGB 238 241 199	#EEF1C7

#C6CF3C #CCD453 #D3DA6A #DAE081 #E0E598 #E7EBAF #EEF1C7

#C6CF3C - #EEF1C7

HSV Blend

#C6CF3C - #EEF1C7 | 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 #C6CF3C as 0% and #EEF1C7 as 100%.

0.0%	0.0% #C6CF3C	RGB 198 207 60	#C6CF3C
16.7%	16.7% #CCD450	RGB 204 212 80	#CCD450
33.3%	33.3% #D2DA66	RGB 210 218 102	#D2DA66
50.0%	50.0% #D9E07C	RGB 217 224 124	#D9E07C
66.7%	66.7% #E0E594	RGB 224 229 148	#E0E594
83.3%	83.3% #E7EBAD	RGB 231 235 173	#E7EBAD
100.0%	100.0% #EEF1C7	RGB 238 241 199	#EEF1C7

#C6CF3C #CCD450 #D2DA66 #D9E07C #E0E594 #E7EBAD #EEF1C7

#C6CF3C - #D9E07C - #EEF1C7

CSS codes

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

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