#3E545E - #8A7ECE | 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 #3E545E to #8A7ECE

#3E545E #8A7ECE

Calculate the color between two colors, #3E545E and #8A7ECE. 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)

#3E545E - #8A7ECE | 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 #3E545E as 0% and #8A7ECE as 100%.

0.0%	0.0% #3E545E	RGB 62 84 94	#3E545E
16.7%	16.7% #4A5B70	RGB 74 91 112	#4A5B70
33.3%	33.3% #576283	RGB 87 98 131	#576283
50.0%	50.0% #646996	RGB 100 105 150	#646996
66.7%	66.7% #7070A8	RGB 112 112 168	#7070A8
83.3%	83.3% #7D77BB	RGB 125 119 187	#7D77BB
100.0%	100.0% #8A7ECE	RGB 138 126 206	#8A7ECE

#3E545E #4A5B70 #576283 #646996 #7070A8 #7D77BB #8A7ECE

#3E545E - #8A7ECE

HSV Blend

#3E545E - #8A7ECE | 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 #3E545E as 0% and #8A7ECE as 100%.

0.0%	0.0% #3E545E	RGB 62 84 94	#3E545E
16.7%	16.7% #495E70	RGB 73 94 112	#495E70
33.3%	33.3% #546783	RGB 84 103 131	#546783
50.0%	50.0% #5F6E96	RGB 95 110 150	#5F6E96
66.7%	66.7% #6971A8	RGB 105 113 168	#6971A8
83.3%	83.3% #7474BB	RGB 116 116 187	#7474BB
100.0%	100.0% #8A7ECE	RGB 138 126 206	#8A7ECE

#3E545E #495E70 #546783 #5F6E96 #6971A8 #7474BB #8A7ECE

#3E545E - #5F6E96 - #8A7ECE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E545E 0%, #5F6E96 50%, #8A7ECE 100%);
    background: -webkit-linear-gradient(top, #3E545E 0%, #5F6E96 50%, #8A7ECE 100%);
    background: linear-gradient(to bottom, #3E545E 0%, #5F6E96 50%, #8A7ECE 100%);
}
</style>