#B9C2D5 - #5E7497 | 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 #B9C2D5 to #5E7497

#B9C2D5 #5E7497

Calculate the color between two colors, #B9C2D5 and #5E7497. 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)

#B9C2D5 - #5E7497 | 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 #B9C2D5 as 0% and #5E7497 as 100%.

0.0%	0.0% #B9C2D5	RGB 185 194 213	#B9C2D5
16.7%	16.7% #A9B5CA	RGB 169 181 202	#A9B5CA
33.3%	33.3% #9AA8C0	RGB 154 168 192	#9AA8C0
50.0%	50.0% #8B9BB6	RGB 139 155 182	#8B9BB6
66.7%	66.7% #7C8EAB	RGB 124 142 171	#7C8EAB
83.3%	83.3% #6D81A1	RGB 109 129 161	#6D81A1
100.0%	100.0% #5E7497	RGB 94 116 151	#5E7497

#B9C2D5 #A9B5CA #9AA8C0 #8B9BB6 #7C8EAB #6D81A1 #5E7497

#B9C2D5 - #5E7497

HSV Blend

#B9C2D5 - #5E7497 | 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 #B9C2D5 as 0% and #5E7497 as 100%.

0.0%	0.0% #B9C2D5	RGB 185 194 213	#B9C2D5
16.7%	16.7% #A7B3CA	RGB 167 179 202	#A7B3CA
33.3%	33.3% #97A5C0	RGB 151 165 192	#97A5C0
50.0%	50.0% #8798B6	RGB 135 152 182	#8798B6
66.7%	66.7% #788BAB	RGB 120 139 171	#788BAB
83.3%	83.3% #6B7FA1	RGB 107 127 161	#6B7FA1
100.0%	100.0% #5E7497	RGB 94 116 151	#5E7497

#B9C2D5 #A7B3CA #97A5C0 #8798B6 #788BAB #6B7FA1 #5E7497

#B9C2D5 - #8798B6 - #5E7497

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9C2D5 0%, #8798B6 50%, #5E7497 100%);
    background: -webkit-linear-gradient(top, #B9C2D5 0%, #8798B6 50%, #5E7497 100%);
    background: linear-gradient(to bottom, #B9C2D5 0%, #8798B6 50%, #5E7497 100%);
}
</style>