#8989B8 - #40359C | 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 #8989B8 to #40359C

#8989B8 #40359C

Calculate the color between two colors, #8989B8 and #40359C. 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)

#8989B8 - #40359C | 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 #8989B8 as 0% and #40359C as 100%.

0.0%	0.0% #8989B8	RGB 137 137 184	#8989B8
16.7%	16.7% #7C7BB3	RGB 124 123 179	#7C7BB3
33.3%	33.3% #706DAE	RGB 112 109 174	#706DAE
50.0%	50.0% #645FAA	RGB 100 95 170	#645FAA
66.7%	66.7% #5851A5	RGB 88 81 165	#5851A5
83.3%	83.3% #4C43A0	RGB 76 67 160	#4C43A0
100.0%	100.0% #40359C	RGB 64 53 156	#40359C

#8989B8 #7C7BB3 #706DAE #645FAA #5851A5 #4C43A0 #40359C

#8989B8 - #40359C

HSV Blend

#8989B8 - #40359C | 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 #8989B8 as 0% and #40359C as 100%.

0.0%	0.0% #8989B8	RGB 137 137 184	#8989B8
16.7%	16.7% #7A79B3	RGB 122 121 179	#7A79B3
33.3%	33.3% #6C6AAE	RGB 108 106 174	#6C6AAE
50.0%	50.0% #605CAA	RGB 96 92 170	#605CAA
66.7%	66.7% #544EA5	RGB 84 78 165	#544EA5
83.3%	83.3% #4941A0	RGB 73 65 160	#4941A0
100.0%	100.0% #40359C	RGB 64 53 156	#40359C

#8989B8 #7A79B3 #6C6AAE #605CAA #544EA5 #4941A0 #40359C

#8989B8 - #605CAA - #40359C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8989B8 0%, #605CAA 50%, #40359C 100%);
    background: -webkit-linear-gradient(top, #8989B8 0%, #605CAA 50%, #40359C 100%);
    background: linear-gradient(to bottom, #8989B8 0%, #605CAA 50%, #40359C 100%);
}
</style>