#5E1241 - #D1BBC8 | 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 #5E1241 to #D1BBC8

#5E1241 #D1BBC8

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

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

0.0%	0.0% #5E1241	RGB 94 18 65	#5E1241
16.7%	16.7% #712E57	RGB 113 46 87	#712E57
33.3%	33.3% #844A6E	RGB 132 74 110	#844A6E
50.0%	50.0% #976684	RGB 151 102 132	#976684
66.7%	66.7% #AA829B	RGB 170 130 155	#AA829B
83.3%	83.3% #BD9EB1	RGB 189 158 177	#BD9EB1
100.0%	100.0% #D1BBC8	RGB 209 187 200	#D1BBC8

#5E1241 #712E57 #844A6E #976684 #AA829B #BD9EB1 #D1BBC8

#5E1241 - #D1BBC8

HSV Blend

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

0.0%	0.0% #5E1141	RGB 94 17 65	#5E1141
16.7%	16.7% #712252	RGB 113 34 82	#712252
33.3%	33.3% #843866	RGB 132 56 102	#843866
50.0%	50.0% #97527C	RGB 151 82 124	#97527C
66.7%	66.7% #AA7093	RGB 170 112 147	#AA7093
83.3%	83.3% #BD93AC	RGB 189 147 172	#BD93AC
100.0%	100.0% #D1BBC8	RGB 209 187 200	#D1BBC8

#5E1141 #712252 #843866 #97527C #AA7093 #BD93AC #D1BBC8

#5E1241 - #97527C - #D1BBC8

CSS codes

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

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