#CBD8D1 - #6B9E9F | 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 #CBD8D1 to #6B9E9F

#CBD8D1 #6B9E9F

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

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

0.0%	0.0% #CBD8D1	RGB 203 216 209	#CBD8D1
16.7%	16.7% #BBCEC8	RGB 187 206 200	#BBCEC8
33.3%	33.3% #ABC4C0	RGB 171 196 192	#ABC4C0
50.0%	50.0% #9BBBB8	RGB 155 187 184	#9BBBB8
66.7%	66.7% #8BB1AF	RGB 139 177 175	#8BB1AF
83.3%	83.3% #7BA7A7	RGB 123 167 167	#7BA7A7
100.0%	100.0% #6B9E9F	RGB 107 158 159	#6B9E9F

#CBD8D1 #BBCEC8 #ABC4C0 #9BBBB8 #8BB1AF #7BA7A7 #6B9E9F

#CBD8D1 - #6B9E9F

HSV Blend

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

0.0%	0.0% #CBD8D1	RGB 203 216 209	#CBD8D1
16.7%	16.7% #B8CEC4	RGB 184 206 196	#B8CEC4
33.3%	33.3% #A7C5BA	RGB 167 197 186	#A7C5BA
50.0%	50.0% #97BBB2	RGB 151 187 178	#97BBB2
66.7%	66.7% #87B2AA	RGB 135 178 170	#87B2AA
83.3%	83.3% #78A8A4	RGB 120 168 164	#78A8A4
100.0%	100.0% #6B9E9F	RGB 107 158 159	#6B9E9F

#CBD8D1 #B8CEC4 #A7C5BA #97BBB2 #87B2AA #78A8A4 #6B9E9F

#CBD8D1 - #97BBB2 - #6B9E9F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CBD8D1 0%, #97BBB2 50%, #6B9E9F 100%);
    background: -webkit-linear-gradient(top, #CBD8D1 0%, #97BBB2 50%, #6B9E9F 100%);
    background: linear-gradient(to bottom, #CBD8D1 0%, #97BBB2 50%, #6B9E9F 100%);
}
</style>