#B8C6B6 - #669C62 | 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 #B8C6B6 to #669C62

#B8C6B6 #669C62

Calculate the color between two colors, #B8C6B6 and #669C62. 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)

#B8C6B6 - #669C62 | 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 #B8C6B6 as 0% and #669C62 as 100%.

0.0%	0.0% #B8C6B6	RGB 184 198 182	#B8C6B6
16.7%	16.7% #AABFA8	RGB 170 191 168	#AABFA8
33.3%	33.3% #9CB89A	RGB 156 184 154	#9CB89A
50.0%	50.0% #8FB18C	RGB 143 177 140	#8FB18C
66.7%	66.7% #81AA7E	RGB 129 170 126	#81AA7E
83.3%	83.3% #73A370	RGB 115 163 112	#73A370
100.0%	100.0% #669C62	RGB 102 156 98	#669C62

#B8C6B6 #AABFA8 #9CB89A #8FB18C #81AA7E #73A370 #669C62

#B8C6B6 - #669C62

HSV Blend

#B8C6B6 - #669C62 | 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 #B8C6B6 as 0% and #669C62 as 100%.

0.0%	0.0% #B8C6B6	RGB 184 198 182	#B8C6B6
16.7%	16.7% #A9BFA6	RGB 169 191 166	#A9BFA6
33.3%	33.3% #9AB897	RGB 154 184 151	#9AB897
50.0%	50.0% #8CB188	RGB 140 177 136	#8CB188
66.7%	66.7% #7FAA7B	RGB 127 170 123	#7FAA7B
83.3%	83.3% #72A36E	RGB 114 163 110	#72A36E
100.0%	100.0% #669C62	RGB 102 156 98	#669C62

#B8C6B6 #A9BFA6 #9AB897 #8CB188 #7FAA7B #72A36E #669C62

#B8C6B6 - #8CB188 - #669C62

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8C6B6 0%, #8CB188 50%, #669C62 100%);
    background: -webkit-linear-gradient(top, #B8C6B6 0%, #8CB188 50%, #669C62 100%);
    background: linear-gradient(to bottom, #B8C6B6 0%, #8CB188 50%, #669C62 100%);
}
</style>