#4B5E62 - #CBD1D2 | 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 #4B5E62 to #CBD1D2

#4B5E62 #CBD1D2

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

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

0.0%	0.0% #4B5E62	RGB 75 94 98	#4B5E62
16.7%	16.7% #607174	RGB 96 113 116	#607174
33.3%	33.3% #758487	RGB 117 132 135	#758487
50.0%	50.0% #8B979A	RGB 139 151 154	#8B979A
66.7%	66.7% #A0AAAC	RGB 160 170 172	#A0AAAC
83.3%	83.3% #B5BDBF	RGB 181 189 191	#B5BDBF
100.0%	100.0% #CBD1D2	RGB 203 209 210	#CBD1D2

#4B5E62 #607174 #758487 #8B979A #A0AAAC #B5BDBF #CBD1D2

#4B5E62 - #CBD1D2

HSV Blend

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

0.0%	0.0% #4B5E62	RGB 75 94 98	#4B5E62
16.7%	16.7% #5D7074	RGB 93 112 116	#5D7074
33.3%	33.3% #708387	RGB 112 131 135	#708387
50.0%	50.0% #85969A	RGB 133 150 154	#85969A
66.7%	66.7% #9BAAAC	RGB 155 170 172	#9BAAAC
83.3%	83.3% #B2BDBF	RGB 178 189 191	#B2BDBF
100.0%	100.0% #CBD1D2	RGB 203 209 210	#CBD1D2

#4B5E62 #5D7074 #708387 #85969A #9BAAAC #B2BDBF #CBD1D2

#4B5E62 - #85969A - #CBD1D2

CSS codes

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

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