#B8C9DF - #5E7BA6 | 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 #B8C9DF to #5E7BA6

#B8C9DF #5E7BA6

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

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

0.0%	0.0% #B8C9DF	RGB 184 201 223	#B8C9DF
16.7%	16.7% #A9BCD5	RGB 169 188 213	#A9BCD5
33.3%	33.3% #9AAFCC	RGB 154 175 204	#9AAFCC
50.0%	50.0% #8BA2C2	RGB 139 162 194	#8BA2C2
66.7%	66.7% #7C95B9	RGB 124 149 185	#7C95B9
83.3%	83.3% #6D88AF	RGB 109 136 175	#6D88AF
100.0%	100.0% #5E7BA6	RGB 94 123 166	#5E7BA6

#B8C9DF #A9BCD5 #9AAFCC #8BA2C2 #7C95B9 #6D88AF #5E7BA6

#B8C9DF - #5E7BA6

HSV Blend

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

0.0%	0.0% #B8C9DF	RGB 184 201 223	#B8C9DF
16.7%	16.7% #A6BAD5	RGB 166 186 213	#A6BAD5
33.3%	33.3% #96ADCC	RGB 150 173 204	#96ADCC
50.0%	50.0% #87A0C2	RGB 135 160 194	#87A0C2
66.7%	66.7% #7893B9	RGB 120 147 185	#7893B9
83.3%	83.3% #6A86AF	RGB 106 134 175	#6A86AF
100.0%	100.0% #5E7BA6	RGB 94 123 166	#5E7BA6

#B8C9DF #A6BAD5 #96ADCC #87A0C2 #7893B9 #6A86AF #5E7BA6

#B8C9DF - #87A0C2 - #5E7BA6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8C9DF 0%, #87A0C2 50%, #5E7BA6 100%);
    background: -webkit-linear-gradient(top, #B8C9DF 0%, #87A0C2 50%, #5E7BA6 100%);
    background: linear-gradient(to bottom, #B8C9DF 0%, #87A0C2 50%, #5E7BA6 100%);
}
</style>