#8EB2D9 - #28323E | 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 #8EB2D9 to #28323E

#8EB2D9 #28323E

Calculate the color between two colors, #8EB2D9 and #28323E. 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)

#8EB2D9 - #28323E | 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 #8EB2D9 as 0% and #28323E as 100%.

0.0%	0.0% #8EB2D9	RGB 142 178 217	#8EB2D9
16.7%	16.7% #7D9CBF	RGB 125 156 191	#7D9CBF
33.3%	33.3% #6C87A5	RGB 108 135 165	#6C87A5
50.0%	50.0% #5B728B	RGB 91 114 139	#5B728B
66.7%	66.7% #4A5C71	RGB 74 92 113	#4A5C71
83.3%	83.3% #394757	RGB 57 71 87	#394757
100.0%	100.0% #28323E	RGB 40 50 62	#28323E

#8EB2D9 #7D9CBF #6C87A5 #5B728B #4A5C71 #394757 #28323E

#8EB2D9 - #28323E

HSV Blend

#8EB2D9 - #28323E | 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 #8EB2D9 as 0% and #28323E as 100%.

0.0%	0.0% #8EB1D9	RGB 142 177 217	#8EB1D9
16.7%	16.7% #7C9CBF	RGB 124 156 191	#7C9CBF
33.3%	33.3% #6B86A5	RGB 107 134 165	#6B86A5
50.0%	50.0% #5A718B	RGB 90 113 139	#5A718B
66.7%	66.7% #495C71	RGB 73 92 113	#495C71
83.3%	83.3% #384757	RGB 56 71 87	#384757
100.0%	100.0% #28323E	RGB 40 50 62	#28323E

#8EB1D9 #7C9CBF #6B86A5 #5A718B #495C71 #384757 #28323E

#8EB2D9 - #5A718B - #28323E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8EB1D9 0%, #5A718B 50%, #28323E 100%);
    background: -webkit-linear-gradient(top, #8EB1D9 0%, #5A718B 50%, #28323E 100%);
    background: linear-gradient(to bottom, #8EB1D9 0%, #5A718B 50%, #28323E 100%);
}
</style>