#4F554E - #CCCECC | 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 #4F554E to #CCCECC

#4F554E #CCCECC

Calculate the color between two colors, #4F554E and #CCCECC. 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)

#4F554E - #CCCECC | 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 #4F554E as 0% and #CCCECC as 100%.

0.0%	0.0% #4F554E	RGB 79 85 78	#4F554E
16.7%	16.7% #636963	RGB 99 105 99	#636963
33.3%	33.3% #787D78	RGB 120 125 120	#787D78
50.0%	50.0% #8D918D	RGB 141 145 141	#8D918D
66.7%	66.7% #A2A5A2	RGB 162 165 162	#A2A5A2
83.3%	83.3% #B7B9B7	RGB 183 185 183	#B7B9B7
100.0%	100.0% #CCCECC	RGB 204 206 204	#CCCECC

#4F554E #636963 #787D78 #8D918D #A2A5A2 #B7B9B7 #CCCECC

#4F554E - #CCCECC

HSV Blend

#4F554E - #CCCECC | 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 #4F554E as 0% and #CCCECC as 100%.

0.0%	0.0% #4F554E	RGB 79 85 78	#4F554E
16.7%	16.7% #626961	RGB 98 105 97	#626961
33.3%	33.3% #767D76	RGB 118 125 118	#767D76
50.0%	50.0% #8B918A	RGB 139 145 138	#8B918A
66.7%	66.7% #A0A5A0	RGB 160 165 160	#A0A5A0
83.3%	83.3% #B5B9B5	RGB 181 185 181	#B5B9B5
100.0%	100.0% #CCCECC	RGB 204 206 204	#CCCECC

#4F554E #626961 #767D76 #8B918A #A0A5A0 #B5B9B5 #CCCECC

#4F554E - #8B918A - #CCCECC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F554E 0%, #8B918A 50%, #CCCECC 100%);
    background: -webkit-linear-gradient(top, #4F554E 0%, #8B918A 50%, #CCCECC 100%);
    background: linear-gradient(to bottom, #4F554E 0%, #8B918A 50%, #CCCECC 100%);
}
</style>