#8A8BB1 - #3E3E75 | 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 #8A8BB1 to #3E3E75

#8A8BB1 #3E3E75

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

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

0.0%	0.0% #8A8BB1	RGB 138 139 177	#8A8BB1
16.7%	16.7% #7D7EA7	RGB 125 126 167	#7D7EA7
33.3%	33.3% #70719D	RGB 112 113 157	#70719D
50.0%	50.0% #646493	RGB 100 100 147	#646493
66.7%	66.7% #575789	RGB 87 87 137	#575789
83.3%	83.3% #4A4A7F	RGB 74 74 127	#4A4A7F
100.0%	100.0% #3E3E75	RGB 62 62 117	#3E3E75

#8A8BB1 #7D7EA7 #70719D #646493 #575789 #4A4A7F #3E3E75

#8A8BB1 - #3E3E75

HSV Blend

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

0.0%	0.0% #8A8BB1	RGB 138 139 177	#8A8BB1
16.7%	16.7% #7B7CA7	RGB 123 124 167	#7B7CA7
33.3%	33.3% #6D6E9D	RGB 109 110 157	#6D6E9D
50.0%	50.0% #606093	RGB 96 96 147	#606093
66.7%	66.7% #545489	RGB 84 84 137	#545489
83.3%	83.3% #48487F	RGB 72 72 127	#48487F
100.0%	100.0% #3E3E75	RGB 62 62 117	#3E3E75

#8A8BB1 #7B7CA7 #6D6E9D #606093 #545489 #48487F #3E3E75

#8A8BB1 - #606093 - #3E3E75

CSS codes

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

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