#4D4F50 - #CCCDCD | 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 #4D4F50 to #CCCDCD

#4D4F50 #CCCDCD

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

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

0.0%	0.0% #4D4F50	RGB 77 79 80	#4D4F50
16.7%	16.7% #626464	RGB 98 100 100	#626464
33.3%	33.3% #777979	RGB 119 121 121	#777979
50.0%	50.0% #8C8E8E	RGB 140 142 142	#8C8E8E
66.7%	66.7% #A1A3A3	RGB 161 163 163	#A1A3A3
83.3%	83.3% #B6B8B8	RGB 182 184 184	#B6B8B8
100.0%	100.0% #CCCDCD	RGB 204 205 205	#CCCDCD

#4D4F50 #626464 #777979 #8C8E8E #A1A3A3 #B6B8B8 #CCCDCD

#4D4F50 - #CCCDCD

HSV Blend

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

0.0%	0.0% #4D4F50	RGB 77 79 80	#4D4F50
16.7%	16.7% #616364	RGB 97 99 100	#616364
33.3%	33.3% #767879	RGB 118 120 121	#767879
50.0%	50.0% #8B8D8E	RGB 139 141 142	#8B8D8E
66.7%	66.7% #A0A3A3	RGB 160 163 163	#A0A3A3
83.3%	83.3% #B6B8B8	RGB 182 184 184	#B6B8B8
100.0%	100.0% #CCCDCD	RGB 204 205 205	#CCCDCD

#4D4F50 #616364 #767879 #8B8D8E #A0A3A3 #B6B8B8 #CCCDCD

#4D4F50 - #8B8D8E - #CCCDCD

CSS codes

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

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