#C7DCD4 - #5CAC95 | 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 #C7DCD4 to #5CAC95

#C7DCD4 #5CAC95

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

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

0.0%	0.0% #C7DCD4	RGB 199 220 212	#C7DCD4
16.7%	16.7% #B5D4C9	RGB 181 212 201	#B5D4C9
33.3%	33.3% #A3CCBF	RGB 163 204 191	#A3CCBF
50.0%	50.0% #91C4B4	RGB 145 196 180	#91C4B4
66.7%	66.7% #7FBCAA	RGB 127 188 170	#7FBCAA
83.3%	83.3% #6DB49F	RGB 109 180 159	#6DB49F
100.0%	100.0% #5CAC95	RGB 92 172 149	#5CAC95

#C7DCD4 #B5D4C9 #A3CCBF #91C4B4 #7FBCAA #6DB49F #5CAC95

#C7DCD4 - #5CAC95

HSV Blend

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

0.0%	0.0% #C7DCD4	RGB 199 220 212	#C7DCD4
16.7%	16.7% #B2D4C7	RGB 178 212 199	#B2D4C7
33.3%	33.3% #9FCCBC	RGB 159 204 188	#9FCCBC
50.0%	50.0% #8DC4B1	RGB 141 196 177	#8DC4B1
66.7%	66.7% #7BBCA7	RGB 123 188 167	#7BBCA7
83.3%	83.3% #6BB49D	RGB 107 180 157	#6BB49D
100.0%	100.0% #5CAC95	RGB 92 172 149	#5CAC95

#C7DCD4 #B2D4C7 #9FCCBC #8DC4B1 #7BBCA7 #6BB49D #5CAC95

#C7DCD4 - #8DC4B1 - #5CAC95

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7DCD4 0%, #8DC4B1 50%, #5CAC95 100%);
    background: -webkit-linear-gradient(top, #C7DCD4 0%, #8DC4B1 50%, #5CAC95 100%);
    background: linear-gradient(to bottom, #C7DCD4 0%, #8DC4B1 50%, #5CAC95 100%);
}
</style>