#8C96C2 - #282A37 | 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 #8C96C2 to #282A37

#8C96C2 #282A37

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

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

0.0%	0.0% #8C96C2	RGB 140 150 194	#8C96C2
16.7%	16.7% #7B84AA	RGB 123 132 170	#7B84AA
33.3%	33.3% #6A7293	RGB 106 114 147	#6A7293
50.0%	50.0% #5A607C	RGB 90 96 124	#5A607C
66.7%	66.7% #494E65	RGB 73 78 101	#494E65
83.3%	83.3% #383C4E	RGB 56 60 78	#383C4E
100.0%	100.0% #282A37	RGB 40 42 55	#282A37

#8C96C2 #7B84AA #6A7293 #5A607C #494E65 #383C4E #282A37

#8C96C2 - #282A37

HSV Blend

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

0.0%	0.0% #8C95C2	RGB 140 149 194	#8C95C2
16.7%	16.7% #7B83AA	RGB 123 131 170	#7B83AA
33.3%	33.3% #6A7193	RGB 106 113 147	#6A7193
50.0%	50.0% #5A5F7C	RGB 90 95 124	#5A5F7C
66.7%	66.7% #494D65	RGB 73 77 101	#494D65
83.3%	83.3% #383B4E	RGB 56 59 78	#383B4E
100.0%	100.0% #282A37	RGB 40 42 55	#282A37

#8C95C2 #7B83AA #6A7193 #5A5F7C #494D65 #383B4E #282A37

#8C96C2 - #5A5F7C - #282A37

CSS codes

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

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