#6BBCBC - #C9DEB0 | 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 #6BBCBC to #C9DEB0

#6BBCBC #C9DEB0

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

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

0.0%	0.0% #6BBCBC	RGB 107 188 188	#6BBCBC
16.7%	16.7% #7AC1BA	RGB 122 193 186	#7AC1BA
33.3%	33.3% #8AC7B8	RGB 138 199 184	#8AC7B8
50.0%	50.0% #9ACDB6	RGB 154 205 182	#9ACDB6
66.7%	66.7% #A9D2B4	RGB 169 210 180	#A9D2B4
83.3%	83.3% #B9D8B2	RGB 185 216 178	#B9D8B2
100.0%	100.0% #C9DEB0	RGB 201 222 176	#C9DEB0

#6BBCBC #7AC1BA #8AC7B8 #9ACDB6 #A9D2B4 #B9D8B2 #C9DEB0

#6BBCBC - #C9DEB0

HSV Blend

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

0.0%	0.0% #6BBCBC	RGB 107 188 188	#6BBCBC
16.7%	16.7% #75C1AE	RGB 117 193 174	#75C1AE
33.3%	33.3% #80C7A2	RGB 128 199 162	#80C7A2
50.0%	50.0% #8BCD9A	RGB 139 205 154	#8BCD9A
66.7%	66.7% #99D297	RGB 153 210 151	#99D297
83.3%	83.3% #B2D8A3	RGB 178 216 163	#B2D8A3
100.0%	100.0% #C9DEB0	RGB 201 222 176	#C9DEB0

#6BBCBC #75C1AE #80C7A2 #8BCD9A #99D297 #B2D8A3 #C9DEB0

#6BBCBC - #8BCD9A - #C9DEB0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6BBCBC 0%, #8BCD9A 50%, #C9DEB0 100%);
    background: -webkit-linear-gradient(top, #6BBCBC 0%, #8BCD9A 50%, #C9DEB0 100%);
    background: linear-gradient(to bottom, #6BBCBC 0%, #8BCD9A 50%, #C9DEB0 100%);
}
</style>