#8A8DDF - #3640A2 | 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 #8A8DDF to #3640A2

#8A8DDF #3640A2

Calculate the color between two colors, #8A8DDF and #3640A2. 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)

#8A8DDF - #3640A2 | 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 #8A8DDF as 0% and #3640A2 as 100%.

0.0%	0.0% #8A8DDF	RGB 138 141 223	#8A8DDF
16.7%	16.7% #7C80D4	RGB 124 128 212	#7C80D4
33.3%	33.3% #6E73CA	RGB 110 115 202	#6E73CA
50.0%	50.0% #6066C0	RGB 96 102 192	#6066C0
66.7%	66.7% #5259B6	RGB 82 89 182	#5259B6
83.3%	83.3% #444CAC	RGB 68 76 172	#444CAC
100.0%	100.0% #3640A2	RGB 54 64 162	#3640A2

#8A8DDF #7C80D4 #6E73CA #6066C0 #5259B6 #444CAC #3640A2

#8A8DDF - #3640A2

HSV Blend

#8A8DDF - #3640A2 | 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 #8A8DDF as 0% and #3640A2 as 100%.

0.0%	0.0% #8A8DDF	RGB 138 141 223	#8A8DDF
16.7%	16.7% #797DD4	RGB 121 125 212	#797DD4
33.3%	33.3% #6A6FCA	RGB 106 111 202	#6A6FCA
50.0%	50.0% #5B62C0	RGB 91 98 192	#5B62C0
66.7%	66.7% #4E55B6	RGB 78 85 182	#4E55B6
83.3%	83.3% #414AAC	RGB 65 74 172	#414AAC
100.0%	100.0% #3640A2	RGB 54 64 162	#3640A2

#8A8DDF #797DD4 #6A6FCA #5B62C0 #4E55B6 #414AAC #3640A2

#8A8DDF - #5B62C0 - #3640A2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8A8DDF 0%, #5B62C0 50%, #3640A2 100%);
    background: -webkit-linear-gradient(top, #8A8DDF 0%, #5B62C0 50%, #3640A2 100%);
    background: linear-gradient(to bottom, #8A8DDF 0%, #5B62C0 50%, #3640A2 100%);
}
</style>