#6DCCC1 - #C9D4CF | 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 #6DCCC1 to #C9D4CF

#6DCCC1 #C9D4CF

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

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

0.0%	0.0% #6DCCC1	RGB 109 204 193	#6DCCC1
16.7%	16.7% #7CCDC3	RGB 124 205 195	#7CCDC3
33.3%	33.3% #8BCEC5	RGB 139 206 197	#8BCEC5
50.0%	50.0% #9BD0C8	RGB 155 208 200	#9BD0C8
66.7%	66.7% #AAD1CA	RGB 170 209 202	#AAD1CA
83.3%	83.3% #B9D2CC	RGB 185 210 204	#B9D2CC
100.0%	100.0% #C9D4CF	RGB 201 212 207	#C9D4CF

#6DCCC1 #7CCDC3 #8BCEC5 #9BD0C8 #AAD1CA #B9D2CC #C9D4CF

#6DCCC1 - #C9D4CF

HSV Blend

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

0.0%	0.0% #6DCCC1	RGB 109 204 193	#6DCCC1
16.7%	16.7% #7BCDBF	RGB 123 205 191	#7BCDBF
33.3%	33.3% #8ACEBF	RGB 138 206 191	#8ACEBF
50.0%	50.0% #9AD0C0	RGB 154 208 192	#9AD0C0
66.7%	66.7% #A9D1C3	RGB 169 209 195	#A9D1C3
83.3%	83.3% #B9D2C8	RGB 185 210 200	#B9D2C8
100.0%	100.0% #C9D4CF	RGB 201 212 207	#C9D4CF

#6DCCC1 #7BCDBF #8ACEBF #9AD0C0 #A9D1C3 #B9D2C8 #C9D4CF

#6DCCC1 - #9AD0C0 - #C9D4CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6DCCC1 0%, #9AD0C0 50%, #C9D4CF 100%);
    background: -webkit-linear-gradient(top, #6DCCC1 0%, #9AD0C0 50%, #C9D4CF 100%);
    background: linear-gradient(to bottom, #6DCCC1 0%, #9AD0C0 50%, #C9D4CF 100%);
}
</style>