#B2D9F2 - #323E45 | 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 #B2D9F2 to #323E45

#B2D9F2 #323E45

Calculate the color between two colors, #B2D9F2 and #323E45. 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)

#B2D9F2 - #323E45 | 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 #B2D9F2 as 0% and #323E45 as 100%.

0.0%	0.0% #B2D9F2	RGB 178 217 242	#B2D9F2
16.7%	16.7% #9CBFD5	RGB 156 191 213	#9CBFD5
33.3%	33.3% #87A5B8	RGB 135 165 184	#87A5B8
50.0%	50.0% #728B9B	RGB 114 139 155	#728B9B
66.7%	66.7% #5C717E	RGB 92 113 126	#5C717E
83.3%	83.3% #475761	RGB 71 87 97	#475761
100.0%	100.0% #323E45	RGB 50 62 69	#323E45

#B2D9F2 #9CBFD5 #87A5B8 #728B9B #5C717E #475761 #323E45

#B2D9F2 - #323E45

HSV Blend

#B2D9F2 - #323E45 | 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 #B2D9F2 as 0% and #323E45 as 100%.

0.0%	0.0% #B2D9F2	RGB 178 217 242	#B2D9F2
16.7%	16.7% #9CBFD5	RGB 156 191 213	#9CBFD5
33.3%	33.3% #86A5B8	RGB 134 165 184	#86A5B8
50.0%	50.0% #718B9B	RGB 113 139 155	#718B9B
66.7%	66.7% #5C717E	RGB 92 113 126	#5C717E
83.3%	83.3% #475761	RGB 71 87 97	#475761
100.0%	100.0% #323E45	RGB 50 62 69	#323E45

#B2D9F2 #9CBFD5 #86A5B8 #718B9B #5C717E #475761 #323E45

#B2D9F2 - #718B9B - #323E45

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B2D9F2 0%, #718B9B 50%, #323E45 100%);
    background: -webkit-linear-gradient(top, #B2D9F2 0%, #718B9B 50%, #323E45 100%);
    background: linear-gradient(to bottom, #B2D9F2 0%, #718B9B 50%, #323E45 100%);
}
</style>