#53418D - #8F87B5 | 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 #53418D to #8F87B5

#53418D #8F87B5

Calculate the color between two colors, #53418D and #8F87B5. 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)

#53418D - #8F87B5 | 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 #53418D as 0% and #8F87B5 as 100%.

0.0%	0.0% #53418D	RGB 83 65 141	#53418D
16.7%	16.7% #5D4C93	RGB 93 76 147	#5D4C93
33.3%	33.3% #67589A	RGB 103 88 154	#67589A
50.0%	50.0% #7164A1	RGB 113 100 161	#7164A1
66.7%	66.7% #7B6FA7	RGB 123 111 167	#7B6FA7
83.3%	83.3% #857BAE	RGB 133 123 174	#857BAE
100.0%	100.0% #8F87B5	RGB 143 135 181	#8F87B5

#53418D #5D4C93 #67589A #7164A1 #7B6FA7 #857BAE #8F87B5

#53418D - #8F87B5

HSV Blend

#53418D - #8F87B5 | 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 #53418D as 0% and #8F87B5 as 100%.

0.0%	0.0% #53418D	RGB 83 65 141	#53418D
16.7%	16.7% #5B4B93	RGB 91 75 147	#5B4B93
33.3%	33.3% #64559A	RGB 100 85 154	#64559A
50.0%	50.0% #6E61A1	RGB 110 97 161	#6E61A1
66.7%	66.7% #786DA7	RGB 120 109 167	#786DA7
83.3%	83.3% #8379AE	RGB 131 121 174	#8379AE
100.0%	100.0% #8F87B5	RGB 143 135 181	#8F87B5

#53418D #5B4B93 #64559A #6E61A1 #786DA7 #8379AE #8F87B5

#53418D - #6E61A1 - #8F87B5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #53418D 0%, #6E61A1 50%, #8F87B5 100%);
    background: -webkit-linear-gradient(top, #53418D 0%, #6E61A1 50%, #8F87B5 100%);
    background: linear-gradient(to bottom, #53418D 0%, #6E61A1 50%, #8F87B5 100%);
}
</style>