#CDF3F1 - #6FBCB9 | 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 #CDF3F1 to #6FBCB9

#CDF3F1 #6FBCB9

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

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

0.0%	0.0% #CDF3F1	RGB 205 243 241	#CDF3F1
16.7%	16.7% #BDE9E7	RGB 189 233 231	#BDE9E7
33.3%	33.3% #ADE0DE	RGB 173 224 222	#ADE0DE
50.0%	50.0% #9ED7D5	RGB 158 215 213	#9ED7D5
66.7%	66.7% #8ECECB	RGB 142 206 203	#8ECECB
83.3%	83.3% #7EC5C2	RGB 126 197 194	#7EC5C2
100.0%	100.0% #6FBCB9	RGB 111 188 185	#6FBCB9

#CDF3F1 #BDE9E7 #ADE0DE #9ED7D5 #8ECECB #7EC5C2 #6FBCB9

#CDF3F1 - #6FBCB9

HSV Blend

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

0.0%	0.0% #CDF3F1	RGB 205 243 241	#CDF3F1
16.7%	16.7% #BBE9E7	RGB 187 233 231	#BBE9E7
33.3%	33.3% #AAE0DE	RGB 170 224 222	#AAE0DE
50.0%	50.0% #9AD7D4	RGB 154 215 212	#9AD7D4
66.7%	66.7% #8BCECB	RGB 139 206 203	#8BCECB
83.3%	83.3% #7CC5C2	RGB 124 197 194	#7CC5C2
100.0%	100.0% #6FBCB9	RGB 111 188 185	#6FBCB9

#CDF3F1 #BBE9E7 #AAE0DE #9AD7D4 #8BCECB #7CC5C2 #6FBCB9

#CDF3F1 - #9AD7D4 - #6FBCB9

CSS codes

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

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