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

#4B5E7C #CBD1D9

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

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

0.0%	0.0% #4B5E7C	RGB 75 94 124	#4B5E7C
16.7%	16.7% #60718B	RGB 96 113 139	#60718B
33.3%	33.3% #75849B	RGB 117 132 155	#75849B
50.0%	50.0% #8B97AA	RGB 139 151 170	#8B97AA
66.7%	66.7% #A0AABA	RGB 160 170 186	#A0AABA
83.3%	83.3% #B5BDC9	RGB 181 189 201	#B5BDC9
100.0%	100.0% #CBD1D9	RGB 203 209 217	#CBD1D9

#4B5E7C #60718B #75849B #8B97AA #A0AABA #B5BDC9 #CBD1D9

#4B5E7C - #CBD1D9

HSV Blend

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

0.0%	0.0% #4B5E7C	RGB 75 94 124	#4B5E7C
16.7%	16.7% #5C6E8B	RGB 92 110 139	#5C6E8B
33.3%	33.3% #6E809B	RGB 110 128 155	#6E809B
50.0%	50.0% #8393AA	RGB 131 147 170	#8393AA
66.7%	66.7% #99A6BA	RGB 153 166 186	#99A6BA
83.3%	83.3% #B1BBC9	RGB 177 187 201	#B1BBC9
100.0%	100.0% #CBD1D9	RGB 203 209 217	#CBD1D9

#4B5E7C #5C6E8B #6E809B #8393AA #99A6BA #B1BBC9 #CBD1D9

#4B5E7C - #8393AA - #CBD1D9

CSS codes

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

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