#4B5E5E - #CBD1D1 | 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 #4B5E5E to #CBD1D1

#4B5E5E #CBD1D1

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

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

0.0%	0.0% #4B5E5E	RGB 75 94 94	#4B5E5E
16.7%	16.7% #607171	RGB 96 113 113	#607171
33.3%	33.3% #758484	RGB 117 132 132	#758484
50.0%	50.0% #8B9797	RGB 139 151 151	#8B9797
66.7%	66.7% #A0AAAA	RGB 160 170 170	#A0AAAA
83.3%	83.3% #B5BDBD	RGB 181 189 189	#B5BDBD
100.0%	100.0% #CBD1D1	RGB 203 209 209	#CBD1D1

#4B5E5E #607171 #758484 #8B9797 #A0AAAA #B5BDBD #CBD1D1

#4B5E5E - #CBD1D1

HSV Blend

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

0.0%	0.0% #4B5E5E	RGB 75 94 94	#4B5E5E
16.7%	16.7% #5D7171	RGB 93 113 113	#5D7171
33.3%	33.3% #718484	RGB 113 132 132	#718484
50.0%	50.0% #869797	RGB 134 151 151	#869797
66.7%	66.7% #9BAAAA	RGB 155 170 170	#9BAAAA
83.3%	83.3% #B2BDBD	RGB 178 189 189	#B2BDBD
100.0%	100.0% #CBD1D1	RGB 203 209 209	#CBD1D1

#4B5E5E #5D7171 #718484 #869797 #9BAAAA #B2BDBD #CBD1D1

#4B5E5E - #869797 - #CBD1D1

CSS codes

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

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