#8A8FDF - #2E3C9D | 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 #8A8FDF to #2E3C9D

#8A8FDF #2E3C9D

Calculate the color between two colors, #8A8FDF and #2E3C9D. 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)

#8A8FDF - #2E3C9D | 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 #8A8FDF as 0% and #2E3C9D as 100%.

0.0%	0.0% #8A8FDF	RGB 138 143 223	#8A8FDF
16.7%	16.7% #7A81D4	RGB 122 129 212	#7A81D4
33.3%	33.3% #6B73C9	RGB 107 115 201	#6B73C9
50.0%	50.0% #5C65BE	RGB 92 101 190	#5C65BE
66.7%	66.7% #4C57B3	RGB 76 87 179	#4C57B3
83.3%	83.3% #3D49A8	RGB 61 73 168	#3D49A8
100.0%	100.0% #2E3C9D	RGB 46 60 157	#2E3C9D

#8A8FDF #7A81D4 #6B73C9 #5C65BE #4C57B3 #3D49A8 #2E3C9D

#8A8FDF - #2E3C9D

HSV Blend

#8A8FDF - #2E3C9D | 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 #8A8FDF as 0% and #2E3C9D as 100%.

0.0%	0.0% #8A8FDF	RGB 138 143 223	#8A8FDF
16.7%	16.7% #777ED4	RGB 119 126 212	#777ED4
33.3%	33.3% #666EC9	RGB 102 110 201	#666EC9
50.0%	50.0% #5660BE	RGB 86 96 190	#5660BE
66.7%	66.7% #4752B3	RGB 71 82 179	#4752B3
83.3%	83.3% #3A46A8	RGB 58 70 168	#3A46A8
100.0%	100.0% #2E3C9D	RGB 46 60 157	#2E3C9D

#8A8FDF #777ED4 #666EC9 #5660BE #4752B3 #3A46A8 #2E3C9D

#8A8FDF - #5660BE - #2E3C9D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8A8FDF 0%, #5660BE 50%, #2E3C9D 100%);
    background: -webkit-linear-gradient(top, #8A8FDF 0%, #5660BE 50%, #2E3C9D 100%);
    background: linear-gradient(to bottom, #8A8FDF 0%, #5660BE 50%, #2E3C9D 100%);
}
</style>