#5E005E - #D1B6D1 | 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 #5E005E to #D1B6D1

#5E005E #D1B6D1

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

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

0.0%	0.0% #5E005E	RGB 94 0 94	#5E005E
16.7%	16.7% #711E71	RGB 113 30 113	#711E71
33.3%	33.3% #843C84	RGB 132 60 132	#843C84
50.0%	50.0% #975B97	RGB 151 91 151	#975B97
66.7%	66.7% #AA79AA	RGB 170 121 170	#AA79AA
83.3%	83.3% #BD97BD	RGB 189 151 189	#BD97BD
100.0%	100.0% #D1B6D1	RGB 209 182 209	#D1B6D1

#5E005E #711E71 #843C84 #975B97 #AA79AA #BD97BD #D1B6D1

#5E005E - #D1B6D1

HSV Blend

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

0.0%	0.0% #5D005E	RGB 93 0 94	#5D005E
16.7%	16.7% #711071	RGB 113 16 113	#711071
33.3%	33.3% #842684	RGB 132 38 132	#842684
50.0%	50.0% #974197	RGB 151 65 151	#974197
66.7%	66.7% #AA63AA	RGB 170 99 170	#AA63AA
83.3%	83.3% #BD89BD	RGB 189 137 189	#BD89BD
100.0%	100.0% #D1B6D1	RGB 209 182 209	#D1B6D1

#5D005E #711071 #842684 #974197 #AA63AA #BD89BD #D1B6D1

#5E005E - #974197 - #D1B6D1

CSS codes

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

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