#CBD8CD - #6B9F8F | 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 #CBD8CD to #6B9F8F

#CBD8CD #6B9F8F

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

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

0.0%	0.0% #CBD8CD	RGB 203 216 205	#CBD8CD
16.7%	16.7% #BBCEC2	RGB 187 206 194	#BBCEC2
33.3%	33.3% #ABC5B8	RGB 171 197 184	#ABC5B8
50.0%	50.0% #9BBBAE	RGB 155 187 174	#9BBBAE
66.7%	66.7% #8BB2A3	RGB 139 178 163	#8BB2A3
83.3%	83.3% #7BA899	RGB 123 168 153	#7BA899
100.0%	100.0% #6B9F8F	RGB 107 159 143	#6B9F8F

#CBD8CD #BBCEC2 #ABC5B8 #9BBBAE #8BB2A3 #7BA899 #6B9F8F

#CBD8CD - #6B9F8F

HSV Blend

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

0.0%	0.0% #CBD8CD	RGB 203 216 205	#CBD8CD
16.7%	16.7% #B8CEBE	RGB 184 206 190	#B8CEBE
33.3%	33.3% #A7C5B1	RGB 167 197 177	#A7C5B1
50.0%	50.0% #97BBA6	RGB 151 187 166	#97BBA6
66.7%	66.7% #87B29D	RGB 135 178 157	#87B29D
83.3%	83.3% #78A895	RGB 120 168 149	#78A895
100.0%	100.0% #6B9F8F	RGB 107 159 143	#6B9F8F

#CBD8CD #B8CEBE #A7C5B1 #97BBA6 #87B29D #78A895 #6B9F8F

#CBD8CD - #97BBA6 - #6B9F8F

CSS codes

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

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