#4D4152 - #CCC8CD | 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 #4D4152 to #CCC8CD

#4D4152 #CCC8CD

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

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

0.0%	0.0% #4D4152	RGB 77 65 82	#4D4152
16.7%	16.7% #625766	RGB 98 87 102	#625766
33.3%	33.3% #776E7B	RGB 119 110 123	#776E7B
50.0%	50.0% #8C848F	RGB 140 132 143	#8C848F
66.7%	66.7% #A19BA4	RGB 161 155 164	#A19BA4
83.3%	83.3% #B6B1B8	RGB 182 177 184	#B6B1B8
100.0%	100.0% #CCC8CD	RGB 204 200 205	#CCC8CD

#4D4152 #625766 #776E7B #8C848F #A19BA4 #B6B1B8 #CCC8CD

#4D4152 - #CCC8CD

HSV Blend

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

0.0%	0.0% #4D4152	RGB 77 65 82	#4D4152
16.7%	16.7% #615466	RGB 97 84 102	#615466
33.3%	33.3% #76697B	RGB 118 105 123	#76697B
50.0%	50.0% #8B7E8F	RGB 139 126 143	#8B7E8F
66.7%	66.7% #A096A4	RGB 160 150 164	#A096A4
83.3%	83.3% #B6AEB8	RGB 182 174 184	#B6AEB8
100.0%	100.0% #CCC8CD	RGB 204 200 205	#CCC8CD

#4D4152 #615466 #76697B #8B7E8F #A096A4 #B6AEB8 #CCC8CD

#4D4152 - #8B7E8F - #CCC8CD

CSS codes

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

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