#5E1353 - #A08FB1 | 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 #5E1353 to #A08FB1

#5E1353 #A08FB1

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

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

0.0%	0.0% #5E1353	RGB 94 19 83	#5E1353
16.7%	16.7% #692762	RGB 105 39 98	#692762
33.3%	33.3% #743C72	RGB 116 60 114	#743C72
50.0%	50.0% #7F5182	RGB 127 81 130	#7F5182
66.7%	66.7% #8A6591	RGB 138 101 145	#8A6591
83.3%	83.3% #957AA1	RGB 149 122 161	#957AA1
100.0%	100.0% #A08FB1	RGB 160 143 177	#A08FB1

#5E1353 #692762 #743C72 #7F5182 #8A6591 #957AA1 #A08FB1

#5E1353 - #A08FB1

HSV Blend

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

0.0%	0.0% #5E1253	RGB 94 18 83	#5E1253
16.7%	16.7% #6B2068	RGB 107 32 104	#6B2068
33.3%	33.3% #743179	RGB 116 49 121	#743179
50.0%	50.0% #7B4487	RGB 123 68 135	#7B4487
66.7%	66.7% #845A95	RGB 132 90 149	#845A95
83.3%	83.3% #9073A3	RGB 144 115 163	#9073A3
100.0%	100.0% #A08FB1	RGB 160 143 177	#A08FB1

#5E1253 #6B2068 #743179 #7B4487 #845A95 #9073A3 #A08FB1

#5E1353 - #7B4487 - #A08FB1

CSS codes

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

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