#5E1C4D - #D1BECC | 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 #5E1C4D to #D1BECC

#5E1C4D #D1BECC

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

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

0.0%	0.0% #5E1C4D	RGB 94 28 77	#5E1C4D
16.7%	16.7% #713762	RGB 113 55 98	#713762
33.3%	33.3% #845277	RGB 132 82 119	#845277
50.0%	50.0% #976D8C	RGB 151 109 140	#976D8C
66.7%	66.7% #AA88A1	RGB 170 136 161	#AA88A1
83.3%	83.3% #BDA3B6	RGB 189 163 182	#BDA3B6
100.0%	100.0% #D1BECC	RGB 209 190 204	#D1BECC

#5E1C4D #713762 #845277 #976D8C #AA88A1 #BDA3B6 #D1BECC

#5E1C4D - #D1BECC

HSV Blend

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

0.0%	0.0% #5E1C4D	RGB 94 28 77	#5E1C4D
16.7%	16.7% #712D5F	RGB 113 45 95	#712D5F
33.3%	33.3% #844273	RGB 132 66 115	#844273
50.0%	50.0% #975B87	RGB 151 91 135	#975B87
66.7%	66.7% #AA789D	RGB 170 120 157	#AA789D
83.3%	83.3% #BD99B4	RGB 189 153 180	#BD99B4
100.0%	100.0% #D1BECC	RGB 209 190 204	#D1BECC

#5E1C4D #712D5F #844273 #975B87 #AA789D #BD99B4 #D1BECC

#5E1C4D - #975B87 - #D1BECC

CSS codes

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

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