#C9CECD - #77979B | 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 #C9CECD to #77979B

#C9CECD #77979B

Calculate the color between two colors, #C9CECD and #77979B. 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)

#C9CECD - #77979B | 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 #C9CECD as 0% and #77979B as 100%.

0.0%	0.0% #C9CECD	RGB 201 206 205	#C9CECD
16.7%	16.7% #BBC4C4	RGB 187 196 196	#BBC4C4
33.3%	33.3% #ADBBBC	RGB 173 187 188	#ADBBBC
50.0%	50.0% #A0B2B4	RGB 160 178 180	#A0B2B4
66.7%	66.7% #92A9AB	RGB 146 169 171	#92A9AB
83.3%	83.3% #84A0A3	RGB 132 160 163	#84A0A3
100.0%	100.0% #77979B	RGB 119 151 155	#77979B

#C9CECD #BBC4C4 #ADBBBC #A0B2B4 #92A9AB #84A0A3 #77979B

#C9CECD - #77979B

HSV Blend

#C9CECD - #77979B | 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 #C9CECD as 0% and #77979B as 100%.

0.0%	0.0% #C9CECD	RGB 201 206 205	#C9CECD
16.7%	16.7% #B9C5C3	RGB 185 197 195	#B9C5C3
33.3%	33.3% #ABBDBB	RGB 171 189 187	#ABBDBB
50.0%	50.0% #9DB4B3	RGB 157 180 179	#9DB4B3
66.7%	66.7% #8FABAC	RGB 143 171 172	#8FABAC
83.3%	83.3% #83A1A3	RGB 131 161 163	#83A1A3
100.0%	100.0% #77979B	RGB 119 151 155	#77979B

#C9CECD #B9C5C3 #ABBDBB #9DB4B3 #8FABAC #83A1A3 #77979B

#C9CECD - #9DB4B3 - #77979B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9CECD 0%, #9DB4B3 50%, #77979B 100%);
    background: -webkit-linear-gradient(top, #C9CECD 0%, #9DB4B3 50%, #77979B 100%);
    background: linear-gradient(to bottom, #C9CECD 0%, #9DB4B3 50%, #77979B 100%);
}
</style>