#4B5E9A - #CBD1E2 | 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 #4B5E9A to #CBD1E2

#4B5E9A #CBD1E2

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

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

0.0%	0.0% #4B5E9A	RGB 75 94 154	#4B5E9A
16.7%	16.7% #6071A6	RGB 96 113 166	#6071A6
33.3%	33.3% #7584B2	RGB 117 132 178	#7584B2
50.0%	50.0% #8B97BE	RGB 139 151 190	#8B97BE
66.7%	66.7% #A0AACA	RGB 160 170 202	#A0AACA
83.3%	83.3% #B5BDD6	RGB 181 189 214	#B5BDD6
100.0%	100.0% #CBD1E2	RGB 203 209 226	#CBD1E2

#4B5E9A #6071A6 #7584B2 #8B97BE #A0AACA #B5BDD6 #CBD1E2

#4B5E9A - #CBD1E2

HSV Blend

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

0.0%	0.0% #4B5E9A	RGB 75 94 154	#4B5E9A
16.7%	16.7% #5C6EA6	RGB 92 110 166	#5C6EA6
33.3%	33.3% #6F7FB2	RGB 111 127 178	#6F7FB2
50.0%	50.0% #8392BE	RGB 131 146 190	#8392BE
66.7%	66.7% #99A6CA	RGB 153 166 202	#99A6CA
83.3%	83.3% #B1BAD6	RGB 177 186 214	#B1BAD6
100.0%	100.0% #CBD1E2	RGB 203 209 226	#CBD1E2

#4B5E9A #5C6EA6 #6F7FB2 #8392BE #99A6CA #B1BAD6 #CBD1E2

#4B5E9A - #8392BE - #CBD1E2

CSS codes

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

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