#C9CBCD - #6A8D82 | 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 #C9CBCD to #6A8D82

#C9CBCD #6A8D82

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

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

0.0%	0.0% #C9CBCD	RGB 201 203 205	#C9CBCD
16.7%	16.7% #B9C0C0	RGB 185 192 192	#B9C0C0
33.3%	33.3% #A9B6B4	RGB 169 182 180	#A9B6B4
50.0%	50.0% #99ACA7	RGB 153 172 167	#99ACA7
66.7%	66.7% #89A19B	RGB 137 161 155	#89A19B
83.3%	83.3% #79978E	RGB 121 151 142	#79978E
100.0%	100.0% #6A8D82	RGB 106 141 130	#6A8D82

#C9CBCD #B9C0C0 #A9B6B4 #99ACA7 #89A19B #79978E #6A8D82

#C9CBCD - #6A8D82

HSV Blend

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

0.0%	0.0% #C9CBCD	RGB 201 203 205	#C9CBCD
16.7%	16.7% #B7BEC2	RGB 183 190 194	#B7BEC2
33.3%	33.3% #A6B3B7	RGB 166 179 183	#A6B3B7
50.0%	50.0% #95AAAD	RGB 149 170 173	#95AAAD
66.7%	66.7% #86A2A1	RGB 134 162 161	#86A2A1
83.3%	83.3% #779791	RGB 119 151 145	#779791
100.0%	100.0% #6A8D82	RGB 106 141 130	#6A8D82

#C9CBCD #B7BEC2 #A6B3B7 #95AAAD #86A2A1 #779791 #6A8D82

#C9CBCD - #95AAAD - #6A8D82

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9CBCD 0%, #95AAAD 50%, #6A8D82 100%);
    background: -webkit-linear-gradient(top, #C9CBCD 0%, #95AAAD 50%, #6A8D82 100%);
    background: linear-gradient(to bottom, #C9CBCD 0%, #95AAAD 50%, #6A8D82 100%);
}
</style>