#4E4952 - #CCCBCD | 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 #4E4952 to #CCCBCD

#4E4952 #CCCBCD

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

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

0.0%	0.0% #4E4952	RGB 78 73 82	#4E4952
16.7%	16.7% #635E66	RGB 99 94 102	#635E66
33.3%	33.3% #78747B	RGB 120 116 123	#78747B
50.0%	50.0% #8D8A8F	RGB 141 138 143	#8D8A8F
66.7%	66.7% #A29FA4	RGB 162 159 164	#A29FA4
83.3%	83.3% #B7B5B8	RGB 183 181 184	#B7B5B8
100.0%	100.0% #CCCBCD	RGB 204 203 205	#CCCBCD

#4E4952 #635E66 #78747B #8D8A8F #A29FA4 #B7B5B8 #CCCBCD

#4E4952 - #CCCBCD

HSV Blend

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

0.0%	0.0% #4E4952	RGB 78 73 82	#4E4952
16.7%	16.7% #625C66	RGB 98 92 102	#625C66
33.3%	33.3% #76717B	RGB 118 113 123	#76717B
50.0%	50.0% #8B868F	RGB 139 134 143	#8B868F
66.7%	66.7% #A09CA4	RGB 160 156 164	#A09CA4
83.3%	83.3% #B6B3B8	RGB 182 179 184	#B6B3B8
100.0%	100.0% #CCCBCD	RGB 204 203 205	#CCCBCD

#4E4952 #625C66 #76717B #8B868F #A09CA4 #B6B3B8 #CCCBCD

#4E4952 - #8B868F - #CCCBCD

CSS codes

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

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