#C5D4C7 - #6C966F | 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 #C5D4C7 to #6C966F

#C5D4C7 #6C966F

Calculate the color between two colors, #C5D4C7 and #6C966F. 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)

#C5D4C7 - #6C966F | 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 #C5D4C7 as 0% and #6C966F as 100%.

0.0%	0.0% #C5D4C7	RGB 197 212 199	#C5D4C7
16.7%	16.7% #B6C9B8	RGB 182 201 184	#B6C9B8
33.3%	33.3% #A7BFA9	RGB 167 191 169	#A7BFA9
50.0%	50.0% #98B59B	RGB 152 181 155	#98B59B
66.7%	66.7% #89AA8C	RGB 137 170 140	#89AA8C
83.3%	83.3% #7AA07D	RGB 122 160 125	#7AA07D
100.0%	100.0% #6C966F	RGB 108 150 111	#6C966F

#C5D4C7 #B6C9B8 #A7BFA9 #98B59B #89AA8C #7AA07D #6C966F

#C5D4C7 - #6C966F

HSV Blend

#C5D4C7 - #6C966F | 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 #C5D4C7 as 0% and #6C966F as 100%.

0.0%	0.0% #C5D4C7	RGB 197 212 199	#C5D4C7
16.7%	16.7% #B4C9B6	RGB 180 201 182	#B4C9B6
33.3%	33.3% #A4BFA7	RGB 164 191 167	#A4BFA7
50.0%	50.0% #95B598	RGB 149 181 152	#95B598
66.7%	66.7% #86AA8A	RGB 134 170 138	#86AA8A
83.3%	83.3% #79A07C	RGB 121 160 124	#79A07C
100.0%	100.0% #6C966F	RGB 108 150 111	#6C966F

#C5D4C7 #B4C9B6 #A4BFA7 #95B598 #86AA8A #79A07C #6C966F

#C5D4C7 - #95B598 - #6C966F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5D4C7 0%, #95B598 50%, #6C966F 100%);
    background: -webkit-linear-gradient(top, #C5D4C7 0%, #95B598 50%, #6C966F 100%);
    background: linear-gradient(to bottom, #C5D4C7 0%, #95B598 50%, #6C966F 100%);
}
</style>