#3E5A5E - #8869DC | 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 #3E5A5E to #8869DC

#3E5A5E #8869DC

Calculate the color between two colors, #3E5A5E and #8869DC. 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)

#3E5A5E - #8869DC | 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 #3E5A5E as 0% and #8869DC as 100%.

0.0%	0.0% #3E5A5E	RGB 62 90 94	#3E5A5E
16.7%	16.7% #4A5C73	RGB 74 92 115	#4A5C73
33.3%	33.3% #565F88	RGB 86 95 136	#565F88
50.0%	50.0% #63619D	RGB 99 97 157	#63619D
66.7%	66.7% #6F64B2	RGB 111 100 178	#6F64B2
83.3%	83.3% #7B66C7	RGB 123 102 199	#7B66C7
100.0%	100.0% #8869DC	RGB 136 105 220	#8869DC

#3E5A5E #4A5C73 #565F88 #63619D #6F64B2 #7B66C7 #8869DC

#3E5A5E - #8869DC

HSV Blend

#3E5A5E - #8869DC | 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 #3E5A5E as 0% and #8869DC as 100%.

0.0%	0.0% #3E5A5E	RGB 62 90 94	#3E5A5E
16.7%	16.7% #486573	RGB 72 101 115	#486573
33.3%	33.3% #516C88	RGB 81 108 136	#516C88
50.0%	50.0% #596D9D	RGB 89 109 157	#596D9D
66.7%	66.7% #5F68B2	RGB 95 104 178	#5F68B2
83.3%	83.3% #6C65C7	RGB 108 101 199	#6C65C7
100.0%	100.0% #8869DC	RGB 136 105 220	#8869DC

#3E5A5E #486573 #516C88 #596D9D #5F68B2 #6C65C7 #8869DC

#3E5A5E - #596D9D - #8869DC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5A5E 0%, #596D9D 50%, #8869DC 100%);
    background: -webkit-linear-gradient(top, #3E5A5E 0%, #596D9D 50%, #8869DC 100%);
    background: linear-gradient(to bottom, #3E5A5E 0%, #596D9D 50%, #8869DC 100%);
}
</style>