#4E4E53 - #CCCCCD | 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 #4E4E53 to #CCCCCD

#4E4E53 #CCCCCD

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

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

0.0%	0.0% #4E4E53	RGB 78 78 83	#4E4E53
16.7%	16.7% #636367	RGB 99 99 103	#636367
33.3%	33.3% #78787B	RGB 120 120 123	#78787B
50.0%	50.0% #8D8D90	RGB 141 141 144	#8D8D90
66.7%	66.7% #A2A2A4	RGB 162 162 164	#A2A2A4
83.3%	83.3% #B7B7B8	RGB 183 183 184	#B7B7B8
100.0%	100.0% #CCCCCD	RGB 204 204 205	#CCCCCD

#4E4E53 #636367 #78787B #8D8D90 #A2A2A4 #B7B7B8 #CCCCCD

#4E4E53 - #CCCCCD

HSV Blend

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

0.0%	0.0% #4E4E53	RGB 78 78 83	#4E4E53
16.7%	16.7% #626267	RGB 98 98 103	#626267
33.3%	33.3% #76767B	RGB 118 118 123	#76767B
50.0%	50.0% #8B8B90	RGB 139 139 144	#8B8B90
66.7%	66.7% #A0A0A4	RGB 160 160 164	#A0A0A4
83.3%	83.3% #B6B6B8	RGB 182 182 184	#B6B6B8
100.0%	100.0% #CCCCCD	RGB 204 204 205	#CCCCCD

#4E4E53 #626267 #76767B #8B8B90 #A0A0A4 #B6B6B8 #CCCCCD

#4E4E53 - #8B8B90 - #CCCCCD

CSS codes

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

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