#8D9ADA - #3E4BB9 | 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 #8D9ADA to #3E4BB9

#8D9ADA #3E4BB9

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

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

0.0%	0.0% #8D9ADA	RGB 141 154 218	#8D9ADA
16.7%	16.7% #7F8CD4	RGB 127 140 212	#7F8CD4
33.3%	33.3% #727FCF	RGB 114 127 207	#727FCF
50.0%	50.0% #6572C9	RGB 101 114 201	#6572C9
66.7%	66.7% #5865C4	RGB 88 101 196	#5865C4
83.3%	83.3% #4B58BE	RGB 75 88 190	#4B58BE
100.0%	100.0% #3E4BB9	RGB 62 75 185	#3E4BB9

#8D9ADA #7F8CD4 #727FCF #6572C9 #5865C4 #4B58BE #3E4BB9

#8D9ADA - #3E4BB9

HSV Blend

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

0.0%	0.0% #8D99DA	RGB 141 153 218	#8D99DA
16.7%	16.7% #7E8CD4	RGB 126 140 212	#7E8CD4
33.3%	33.3% #707ECF	RGB 112 126 207	#707ECF
50.0%	50.0% #6271C9	RGB 98 113 201	#6271C9
66.7%	66.7% #5663C4	RGB 86 99 196	#5663C4
83.3%	83.3% #4957BE	RGB 73 87 190	#4957BE
100.0%	100.0% #3E4BB9	RGB 62 75 185	#3E4BB9

#8D99DA #7E8CD4 #707ECF #6271C9 #5663C4 #4957BE #3E4BB9

#8D9ADA - #6271C9 - #3E4BB9

CSS codes

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

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