#5E124C - #D1BBCB | 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 #5E124C to #D1BBCB

#5E124C #D1BBCB

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

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

0.0%	0.0% #5E124C	RGB 94 18 76	#5E124C
16.7%	16.7% #712E61	RGB 113 46 97	#712E61
33.3%	33.3% #844A76	RGB 132 74 118	#844A76
50.0%	50.0% #97668B	RGB 151 102 139	#97668B
66.7%	66.7% #AA82A0	RGB 170 130 160	#AA82A0
83.3%	83.3% #BD9EB5	RGB 189 158 181	#BD9EB5
100.0%	100.0% #D1BBCB	RGB 209 187 203	#D1BBCB

#5E124C #712E61 #844A76 #97668B #AA82A0 #BD9EB5 #D1BBCB

#5E124C - #D1BBCB

HSV Blend

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

0.0%	0.0% #5E114B	RGB 94 17 75	#5E114B
16.7%	16.7% #71225E	RGB 113 34 94	#71225E
33.3%	33.3% #843871	RGB 132 56 113	#843871
50.0%	50.0% #975285	RGB 151 82 133	#975285
66.7%	66.7% #AA709B	RGB 170 112 155	#AA709B
83.3%	83.3% #BD93B2	RGB 189 147 178	#BD93B2
100.0%	100.0% #D1BBCB	RGB 209 187 203	#D1BBCB

#5E114B #71225E #843871 #975285 #AA709B #BD93B2 #D1BBCB

#5E124C - #975285 - #D1BBCB

CSS codes

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

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