#815B8C - #5E1356 | 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 #815B8C to #5E1356

#815B8C #5E1356

Calculate the color between two colors, #815B8C and #5E1356. 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)

#815B8C - #5E1356 | 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 #815B8C as 0% and #5E1356 as 100%.

0.0%	0.0% #815B8C	RGB 129 91 140	#815B8C
16.7%	16.7% #7B4F83	RGB 123 79 131	#7B4F83
33.3%	33.3% #75437A	RGB 117 67 122	#75437A
50.0%	50.0% #6F3771	RGB 111 55 113	#6F3771
66.7%	66.7% #692B68	RGB 105 43 104	#692B68
83.3%	83.3% #631F5F	RGB 99 31 95	#631F5F
100.0%	100.0% #5E1356	RGB 94 19 86	#5E1356

#815B8C #7B4F83 #75437A #6F3771 #692B68 #631F5F #5E1356

#815B8C - #5E1356

HSV Blend

#815B8C - #5E1356 | 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 #815B8C as 0% and #5E1356 as 100%.

0.0%	0.0% #805B8C	RGB 128 91 140	#805B8C
16.7%	16.7% #7A4C84	RGB 122 76 132	#7A4C84
33.3%	33.3% #753E7C	RGB 117 62 124	#753E7C
50.0%	50.0% #713175	RGB 113 49 117	#713175
66.7%	66.7% #6D266D	RGB 109 38 109	#6D266D
83.3%	83.3% #651C61	RGB 101 28 97	#651C61
100.0%	100.0% #5E1356	RGB 94 19 86	#5E1356

#805B8C #7A4C84 #753E7C #713175 #6D266D #651C61 #5E1356

#815B8C - #713175 - #5E1356

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #805B8C 0%, #713175 50%, #5E1356 100%);
    background: -webkit-linear-gradient(top, #805B8C 0%, #713175 50%, #5E1356 100%);
    background: linear-gradient(to bottom, #805B8C 0%, #713175 50%, #5E1356 100%);
}
</style>