#C0DCD4 - #5BA9A6 | 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 #C0DCD4 to #5BA9A6

#C0DCD4 #5BA9A6

Calculate the color between two colors, #C0DCD4 and #5BA9A6. 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)

#C0DCD4 - #5BA9A6 | 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 #C0DCD4 as 0% and #5BA9A6 as 100%.

0.0%	0.0% #C0DCD4	RGB 192 220 212	#C0DCD4
16.7%	16.7% #AFD3CC	RGB 175 211 204	#AFD3CC
33.3%	33.3% #9ECBC4	RGB 158 203 196	#9ECBC4
50.0%	50.0% #8DC2BD	RGB 141 194 189	#8DC2BD
66.7%	66.7% #7CBAB5	RGB 124 186 181	#7CBAB5
83.3%	83.3% #6BB1AD	RGB 107 177 173	#6BB1AD
100.0%	100.0% #5BA9A6	RGB 91 169 166	#5BA9A6

#C0DCD4 #AFD3CC #9ECBC4 #8DC2BD #7CBAB5 #6BB1AD #5BA9A6

#C0DCD4 - #5BA9A6

HSV Blend

#C0DCD4 - #5BA9A6 | 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 #C0DCD4 as 0% and #5BA9A6 as 100%.

0.0%	0.0% #C0DCD4	RGB 192 220 212	#C0DCD4
16.7%	16.7% #ACD3CA	RGB 172 211 202	#ACD3CA
33.3%	33.3% #9ACBC1	RGB 154 203 193	#9ACBC1
50.0%	50.0% #89C2B9	RGB 137 194 185	#89C2B9
66.7%	66.7% #78BAB2	RGB 120 186 178	#78BAB2
83.3%	83.3% #69B1AB	RGB 105 177 171	#69B1AB
100.0%	100.0% #5BA9A6	RGB 91 169 166	#5BA9A6

#C0DCD4 #ACD3CA #9ACBC1 #89C2B9 #78BAB2 #69B1AB #5BA9A6

#C0DCD4 - #89C2B9 - #5BA9A6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0DCD4 0%, #89C2B9 50%, #5BA9A6 100%);
    background: -webkit-linear-gradient(top, #C0DCD4 0%, #89C2B9 50%, #5BA9A6 100%);
    background: linear-gradient(to bottom, #C0DCD4 0%, #89C2B9 50%, #5BA9A6 100%);
}
</style>