#495B5E - #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 #495B5E to #CBD1D1

#495B5E #CBD1D1

Calculate the color between two colors, #495B5E 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)

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

0.0%	0.0% #495B5E	RGB 73 91 94	#495B5E
16.7%	16.7% #5E6E71	RGB 94 110 113	#5E6E71
33.3%	33.3% #748284	RGB 116 130 132	#748284
50.0%	50.0% #8A9697	RGB 138 150 151	#8A9697
66.7%	66.7% #9FA9AA	RGB 159 169 170	#9FA9AA
83.3%	83.3% #B5BDBD	RGB 181 189 189	#B5BDBD
100.0%	100.0% #CBD1D1	RGB 203 209 209	#CBD1D1

#495B5E #5E6E71 #748284 #8A9697 #9FA9AA #B5BDBD #CBD1D1

#495B5E - #CBD1D1

HSV Blend

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

0.0%	0.0% #495B5E	RGB 73 91 94	#495B5E
16.7%	16.7% #5B6E71	RGB 91 110 113	#5B6E71
33.3%	33.3% #6F8284	RGB 111 130 132	#6F8284
50.0%	50.0% #849697	RGB 132 150 151	#849697
66.7%	66.7% #9AA9AA	RGB 154 169 170	#9AA9AA
83.3%	83.3% #B2BDBD	RGB 178 189 189	#B2BDBD
100.0%	100.0% #CBD1D1	RGB 203 209 209	#CBD1D1

#495B5E #5B6E71 #6F8284 #849697 #9AA9AA #B2BDBD #CBD1D1

#495B5E - #849697 - #CBD1D1

CSS codes

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

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