#4B5E7A - #CBD1D9 | 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 #4B5E7A to #CBD1D9

#4B5E7A #CBD1D9

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

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

0.0%	0.0% #4B5E7A	RGB 75 94 122	#4B5E7A
16.7%	16.7% #607189	RGB 96 113 137	#607189
33.3%	33.3% #758499	RGB 117 132 153	#758499
50.0%	50.0% #8B97A9	RGB 139 151 169	#8B97A9
66.7%	66.7% #A0AAB9	RGB 160 170 185	#A0AAB9
83.3%	83.3% #B5BDC9	RGB 181 189 201	#B5BDC9
100.0%	100.0% #CBD1D9	RGB 203 209 217	#CBD1D9

#4B5E7A #607189 #758499 #8B97A9 #A0AAB9 #B5BDC9 #CBD1D9

#4B5E7A - #CBD1D9

HSV Blend

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

0.0%	0.0% #4B5E7A	RGB 75 94 122	#4B5E7A
16.7%	16.7% #5C6E89	RGB 92 110 137	#5C6E89
33.3%	33.3% #6E8099	RGB 110 128 153	#6E8099
50.0%	50.0% #8393A9	RGB 131 147 169	#8393A9
66.7%	66.7% #99A6B9	RGB 153 166 185	#99A6B9
83.3%	83.3% #B1BBC9	RGB 177 187 201	#B1BBC9
100.0%	100.0% #CBD1D9	RGB 203 209 217	#CBD1D9

#4B5E7A #5C6E89 #6E8099 #8393A9 #99A6B9 #B1BBC9 #CBD1D9

#4B5E7A - #8393A9 - #CBD1D9

CSS codes

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

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