#C0DECA - #6DB38E | 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 #C0DECA to #6DB38E

#C0DECA #6DB38E

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

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

0.0%	0.0% #C0DECA	RGB 192 222 202	#C0DECA
16.7%	16.7% #B2D6C0	RGB 178 214 192	#B2D6C0
33.3%	33.3% #A4CFB6	RGB 164 207 182	#A4CFB6
50.0%	50.0% #96C8AC	RGB 150 200 172	#96C8AC
66.7%	66.7% #88C1A2	RGB 136 193 162	#88C1A2
83.3%	83.3% #7ABA98	RGB 122 186 152	#7ABA98
100.0%	100.0% #6DB38E	RGB 109 179 142	#6DB38E

#C0DECA #B2D6C0 #A4CFB6 #96C8AC #88C1A2 #7ABA98 #6DB38E

#C0DECA - #6DB38E

HSV Blend

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

0.0%	0.0% #C0DECA	RGB 192 222 202	#C0DECA
16.7%	16.7% #B0D6BE	RGB 176 214 190	#B0D6BE
33.3%	33.3% #A1CFB3	RGB 161 207 179	#A1CFB3
50.0%	50.0% #93C8A8	RGB 147 200 168	#93C8A8
66.7%	66.7% #86C19F	RGB 134 193 159	#86C19F
83.3%	83.3% #79BA96	RGB 121 186 150	#79BA96
100.0%	100.0% #6DB38E	RGB 109 179 142	#6DB38E

#C0DECA #B0D6BE #A1CFB3 #93C8A8 #86C19F #79BA96 #6DB38E

#C0DECA - #93C8A8 - #6DB38E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0DECA 0%, #93C8A8 50%, #6DB38E 100%);
    background: -webkit-linear-gradient(top, #C0DECA 0%, #93C8A8 50%, #6DB38E 100%);
    background: linear-gradient(to bottom, #C0DECA 0%, #93C8A8 50%, #6DB38E 100%);
}
</style>