#B5C5CA - #5E7C89 | 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 #B5C5CA to #5E7C89

#B5C5CA #5E7C89

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

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

0.0%	0.0% #B5C5CA	RGB 181 197 202	#B5C5CA
16.7%	16.7% #A6B8BF	RGB 166 184 191	#A6B8BF
33.3%	33.3% #98ACB4	RGB 152 172 180	#98ACB4
50.0%	50.0% #89A0A9	RGB 137 160 169	#89A0A9
66.7%	66.7% #7B949E	RGB 123 148 158	#7B949E
83.3%	83.3% #6C8893	RGB 108 136 147	#6C8893
100.0%	100.0% #5E7C89	RGB 94 124 137	#5E7C89

#B5C5CA #A6B8BF #98ACB4 #89A0A9 #7B949E #6C8893 #5E7C89

#B5C5CA - #5E7C89

HSV Blend

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

0.0%	0.0% #B5C5CA	RGB 181 197 202	#B5C5CA
16.7%	16.7% #A4B8BF	RGB 164 184 191	#A4B8BF
33.3%	33.3% #94ACB4	RGB 148 172 180	#94ACB4
50.0%	50.0% #869FA9	RGB 134 159 169	#869FA9
66.7%	66.7% #77939E	RGB 119 147 158	#77939E
83.3%	83.3% #6A8793	RGB 106 135 147	#6A8793
100.0%	100.0% #5E7C89	RGB 94 124 137	#5E7C89

#B5C5CA #A4B8BF #94ACB4 #869FA9 #77939E #6A8793 #5E7C89

#B5C5CA - #869FA9 - #5E7C89

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5C5CA 0%, #869FA9 50%, #5E7C89 100%);
    background: -webkit-linear-gradient(top, #B5C5CA 0%, #869FA9 50%, #5E7C89 100%);
    background: linear-gradient(to bottom, #B5C5CA 0%, #869FA9 50%, #5E7C89 100%);
}
</style>