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

#5E1E4D #D1BECC

Calculate the color between two colors, #5E1E4D 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)

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

0.0%	0.0% #5E1E4D	RGB 94 30 77	#5E1E4D
16.7%	16.7% #713862	RGB 113 56 98	#713862
33.3%	33.3% #845377	RGB 132 83 119	#845377
50.0%	50.0% #976E8C	RGB 151 110 140	#976E8C
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

#5E1E4D #713862 #845377 #976E8C #AA88A1 #BDA3B6 #D1BECC

#5E1E4D - #D1BECC

HSV Blend

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

0.0%	0.0% #5E1E4C	RGB 94 30 76	#5E1E4C
16.7%	16.7% #712F5F	RGB 113 47 95	#712F5F
33.3%	33.3% #844473	RGB 132 68 115	#844473
50.0%	50.0% #975D88	RGB 151 93 136	#975D88
66.7%	66.7% #AA799D	RGB 170 121 157	#AA799D
83.3%	83.3% #BD99B4	RGB 189 153 180	#BD99B4
100.0%	100.0% #D1BECC	RGB 209 190 204	#D1BECC

#5E1E4C #712F5F #844473 #975D88 #AA799D #BD99B4 #D1BECC

#5E1E4D - #975D88 - #D1BECC

CSS codes

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

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