#C7E6DC - #61B7AE | 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 #C7E6DC to #61B7AE

#C7E6DC #61B7AE

Calculate the color between two colors, #C7E6DC and #61B7AE. 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)

#C7E6DC - #61B7AE | 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 #C7E6DC as 0% and #61B7AE as 100%.

0.0%	0.0% #C7E6DC	RGB 199 230 220	#C7E6DC
16.7%	16.7% #B6DED4	RGB 182 222 212	#B6DED4
33.3%	33.3% #A5D6CC	RGB 165 214 204	#A5D6CC
50.0%	50.0% #94CEC5	RGB 148 206 197	#94CEC5
66.7%	66.7% #83C6BD	RGB 131 198 189	#83C6BD
83.3%	83.3% #72BEB5	RGB 114 190 181	#72BEB5
100.0%	100.0% #61B7AE	RGB 97 183 174	#61B7AE

#C7E6DC #B6DED4 #A5D6CC #94CEC5 #83C6BD #72BEB5 #61B7AE

#C7E6DC - #61B7AE

HSV Blend

#C7E6DC - #61B7AE | 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 #C7E6DC as 0% and #61B7AE as 100%.

0.0%	0.0% #C7E6DC	RGB 199 230 220	#C7E6DC
16.7%	16.7% #B3DED2	RGB 179 222 210	#B3DED2
33.3%	33.3% #A1D6C9	RGB 161 214 201	#A1D6C9
50.0%	50.0% #90CEC1	RGB 144 206 193	#90CEC1
66.7%	66.7% #7FC6BA	RGB 127 198 186	#7FC6BA
83.3%	83.3% #6FBEB3	RGB 111 190 179	#6FBEB3
100.0%	100.0% #61B7AE	RGB 97 183 174	#61B7AE

#C7E6DC #B3DED2 #A1D6C9 #90CEC1 #7FC6BA #6FBEB3 #61B7AE

#C7E6DC - #90CEC1 - #61B7AE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7E6DC 0%, #90CEC1 50%, #61B7AE 100%);
    background: -webkit-linear-gradient(top, #C7E6DC 0%, #90CEC1 50%, #61B7AE 100%);
    background: linear-gradient(to bottom, #C7E6DC 0%, #90CEC1 50%, #61B7AE 100%);
}
</style>