#C0DEC4 - #6CC97A | 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 #C0DEC4 to #6CC97A

#C0DEC4 #6CC97A

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

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

0.0%	0.0% #C0DEC4	RGB 192 222 196	#C0DEC4
16.7%	16.7% #B2DAB7	RGB 178 218 183	#B2DAB7
33.3%	33.3% #A4D7AB	RGB 164 215 171	#A4D7AB
50.0%	50.0% #96D39F	RGB 150 211 159	#96D39F
66.7%	66.7% #88D092	RGB 136 208 146	#88D092
83.3%	83.3% #7ACC86	RGB 122 204 134	#7ACC86
100.0%	100.0% #6CC97A	RGB 108 201 122	#6CC97A

#C0DEC4 #B2DAB7 #A4D7AB #96D39F #88D092 #7ACC86 #6CC97A

#C0DEC4 - #6CC97A

HSV Blend

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

0.0%	0.0% #C0DEC4	RGB 192 222 196	#C0DEC4
16.7%	16.7% #B1DAB6	RGB 177 218 182	#B1DAB6
33.3%	33.3% #A2D7A9	RGB 162 215 169	#A2D7A9
50.0%	50.0% #94D39D	RGB 148 211 157	#94D39D
66.7%	66.7% #86D091	RGB 134 208 145	#86D091
83.3%	83.3% #79CC85	RGB 121 204 133	#79CC85
100.0%	100.0% #6CC97A	RGB 108 201 122	#6CC97A

#C0DEC4 #B1DAB6 #A2D7A9 #94D39D #86D091 #79CC85 #6CC97A

#C0DEC4 - #94D39D - #6CC97A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0DEC4 0%, #94D39D 50%, #6CC97A 100%);
    background: -webkit-linear-gradient(top, #C0DEC4 0%, #94D39D 50%, #6CC97A 100%);
    background: linear-gradient(to bottom, #C0DEC4 0%, #94D39D 50%, #6CC97A 100%);
}
</style>