#5E3085 - #D07B9E | 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 #5E3085 to #D07B9E

#5E3085 #D07B9E

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

#5E3085 - #D07B9E | 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 #5E3085 as 0% and #D07B9E as 100%.

0.0%	0.0% #5E3085	RGB 94 48 133	#5E3085
16.7%	16.7% #713C89	RGB 113 60 137	#713C89
33.3%	33.3% #84498D	RGB 132 73 141	#84498D
50.0%	50.0% #975591	RGB 151 85 145	#975591
66.7%	66.7% #AA6295	RGB 170 98 149	#AA6295
83.3%	83.3% #BD6E99	RGB 189 110 153	#BD6E99
100.0%	100.0% #D07B9E	RGB 208 123 158	#D07B9E

#5E3085 #713C89 #84498D #975591 #AA6295 #BD6E99 #D07B9E

#5E3085 - #D07B9E

HSV Blend

#5E3085 - #D07B9E | 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 #5E3085 as 0% and #D07B9E as 100%.

0.0%	0.0% #5E3085	RGB 94 48 133	#5E3085
16.7%	16.7% #783A91	RGB 120 58 145	#783A91
33.3%	33.3% #94459E	RGB 148 69 158	#94459E
50.0%	50.0% #AA51A4	RGB 170 81 164	#AA51A4
66.7%	66.7% #B75EA1	RGB 183 94 161	#B75EA1
83.3%	83.3% #C36C9F	RGB 195 108 159	#C36C9F
100.0%	100.0% #D07B9E	RGB 208 123 158	#D07B9E

#5E3085 #783A91 #94459E #AA51A4 #B75EA1 #C36C9F #D07B9E

#5E3085 - #AA51A4 - #D07B9E

CSS codes

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

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