#4D5E5D - #CCD0D1 | 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 #4D5E5D to #CCD0D1

#4D5E5D #CCD0D1

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

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

0.0%	0.0% #4D5E5D	RGB 77 94 93	#4D5E5D
16.7%	16.7% #627170	RGB 98 113 112	#627170
33.3%	33.3% #778483	RGB 119 132 131	#778483
50.0%	50.0% #8C9797	RGB 140 151 151	#8C9797
66.7%	66.7% #A1AAAA	RGB 161 170 170	#A1AAAA
83.3%	83.3% #B6BDBD	RGB 182 189 189	#B6BDBD
100.0%	100.0% #CCD0D1	RGB 204 208 209	#CCD0D1

#4D5E5D #627170 #778483 #8C9797 #A1AAAA #B6BDBD #CCD0D1

#4D5E5D - #CCD0D1

HSV Blend

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

0.0%	0.0% #4D5E5D	RGB 77 94 93	#4D5E5D
16.7%	16.7% #5F7170	RGB 95 113 112	#5F7170
33.3%	33.3% #738384	RGB 115 131 132	#738384
50.0%	50.0% #879697	RGB 135 150 151	#879697
66.7%	66.7% #9DA9AA	RGB 157 169 170	#9DA9AA
83.3%	83.3% #B4BCBD	RGB 180 188 189	#B4BCBD
100.0%	100.0% #CCD0D1	RGB 204 208 209	#CCD0D1

#4D5E5D #5F7170 #738384 #879697 #9DA9AA #B4BCBD #CCD0D1

#4D5E5D - #879697 - #CCD0D1

CSS codes

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

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