#CCCDCD - #6D8D75 | 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 #CCCDCD to #6D8D75

#CCCDCD #6D8D75

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

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

0.0%	0.0% #CCCDCD	RGB 204 205 205	#CCCDCD
16.7%	16.7% #BCC2BE	RGB 188 194 190	#BCC2BE
33.3%	33.3% #ACB7AF	RGB 172 183 175	#ACB7AF
50.0%	50.0% #9CADA1	RGB 156 173 161	#9CADA1
66.7%	66.7% #8CA292	RGB 140 162 146	#8CA292
83.3%	83.3% #7C9783	RGB 124 151 131	#7C9783
100.0%	100.0% #6D8D75	RGB 109 141 117	#6D8D75

#CCCDCD #BCC2BE #ACB7AF #9CADA1 #8CA292 #7C9783 #6D8D75

#CCCDCD - #6D8D75

HSV Blend

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

0.0%	0.0% #CCCDCD	RGB 204 205 205	#CCCDCD
16.7%	16.7% #BAC2C1	RGB 186 194 193	#BAC2C1
33.3%	33.3% #A9B7B4	RGB 169 183 180	#A9B7B4
50.0%	50.0% #98ADA5	RGB 152 173 165	#98ADA5
66.7%	66.7% #89A295	RGB 137 162 149	#89A295
83.3%	83.3% #7A9785	RGB 122 151 133	#7A9785
100.0%	100.0% #6D8D75	RGB 109 141 117	#6D8D75

#CCCDCD #BAC2C1 #A9B7B4 #98ADA5 #89A295 #7A9785 #6D8D75

#CCCDCD - #98ADA5 - #6D8D75

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCCDCD 0%, #98ADA5 50%, #6D8D75 100%);
    background: -webkit-linear-gradient(top, #CCCDCD 0%, #98ADA5 50%, #6D8D75 100%);
    background: linear-gradient(to bottom, #CCCDCD 0%, #98ADA5 50%, #6D8D75 100%);
}
</style>