#C0DEDC - #6DAEB3 | 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 #C0DEDC to #6DAEB3

#C0DEDC #6DAEB3

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

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

0.0%	0.0% #C0DEDC	RGB 192 222 220	#C0DEDC
16.7%	16.7% #B2D6D5	RGB 178 214 213	#B2D6D5
33.3%	33.3% #A4CECE	RGB 164 206 206	#A4CECE
50.0%	50.0% #96C6C7	RGB 150 198 199	#96C6C7
66.7%	66.7% #88BEC0	RGB 136 190 192	#88BEC0
83.3%	83.3% #7AB6B9	RGB 122 182 185	#7AB6B9
100.0%	100.0% #6DAEB3	RGB 109 174 179	#6DAEB3

#C0DEDC #B2D6D5 #A4CECE #96C6C7 #88BEC0 #7AB6B9 #6DAEB3

#C0DEDC - #6DAEB3

HSV Blend

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

0.0%	0.0% #C0DEDC	RGB 192 222 220	#C0DEDC
16.7%	16.7% #B0D6D5	RGB 176 214 213	#B0D6D5
33.3%	33.3% #A1CFCE	RGB 161 207 206	#A1CFCE
50.0%	50.0% #93C8C8	RGB 147 200 200	#93C8C8
66.7%	66.7% #86BFC1	RGB 134 191 193	#86BFC1
83.3%	83.3% #79B7BA	RGB 121 183 186	#79B7BA
100.0%	100.0% #6DAEB3	RGB 109 174 179	#6DAEB3

#C0DEDC #B0D6D5 #A1CFCE #93C8C8 #86BFC1 #79B7BA #6DAEB3

#C0DEDC - #93C8C8 - #6DAEB3

CSS codes

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

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