#8EA0DA - #282D3E | 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 #8EA0DA to #282D3E

#8EA0DA #282D3E

Calculate the color between two colors, #8EA0DA and #282D3E. 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)

#8EA0DA - #282D3E | 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 #8EA0DA as 0% and #282D3E as 100%.

0.0%	0.0% #8EA0DA	RGB 142 160 218	#8EA0DA
16.7%	16.7% #7D8CC0	RGB 125 140 192	#7D8CC0
33.3%	33.3% #6C79A6	RGB 108 121 166	#6C79A6
50.0%	50.0% #5B668C	RGB 91 102 140	#5B668C
66.7%	66.7% #4A5372	RGB 74 83 114	#4A5372
83.3%	83.3% #394058	RGB 57 64 88	#394058
100.0%	100.0% #282D3E	RGB 40 45 62	#282D3E

#8EA0DA #7D8CC0 #6C79A6 #5B668C #4A5372 #394058 #282D3E

#8EA0DA - #282D3E

HSV Blend

#8EA0DA - #282D3E | 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 #8EA0DA as 0% and #282D3E as 100%.

0.0%	0.0% #8EA0DA	RGB 142 160 218	#8EA0DA
16.7%	16.7% #7C8CC0	RGB 124 140 192	#7C8CC0
33.3%	33.3% #6B79A6	RGB 107 121 166	#6B79A6
50.0%	50.0% #5A668C	RGB 90 102 140	#5A668C
66.7%	66.7% #495372	RGB 73 83 114	#495372
83.3%	83.3% #383F58	RGB 56 63 88	#383F58
100.0%	100.0% #282D3E	RGB 40 45 62	#282D3E

#8EA0DA #7C8CC0 #6B79A6 #5A668C #495372 #383F58 #282D3E

#8EA0DA - #5A668C - #282D3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8EA0DA 0%, #5A668C 50%, #282D3E 100%);
    background: -webkit-linear-gradient(top, #8EA0DA 0%, #5A668C 50%, #282D3E 100%);
    background: linear-gradient(to bottom, #8EA0DA 0%, #5A668C 50%, #282D3E 100%);
}
</style>