#5E1825 - #D1BDC0 | 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 #5E1825 to #D1BDC0

#5E1825 #D1BDC0

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

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

0.0%	0.0% #5E1825	RGB 94 24 37	#5E1825
16.7%	16.7% #71333E	RGB 113 51 62	#71333E
33.3%	33.3% #844F58	RGB 132 79 88	#844F58
50.0%	50.0% #976A72	RGB 151 106 114	#976A72
66.7%	66.7% #AA868C	RGB 170 134 140	#AA868C
83.3%	83.3% #BDA1A6	RGB 189 161 166	#BDA1A6
100.0%	100.0% #D1BDC0	RGB 209 189 192	#D1BDC0

#5E1825 #71333E #844F58 #976A72 #AA868C #BDA1A6 #D1BDC0

#5E1825 - #D1BDC0

HSV Blend

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

0.0%	0.0% #5E1825	RGB 94 24 37	#5E1825
16.7%	16.7% #712936	RGB 113 41 54	#712936
33.3%	33.3% #843E4A	RGB 132 62 74	#843E4A
50.0%	50.0% #975762	RGB 151 87 98	#975762
66.7%	66.7% #AA757E	RGB 170 117 126	#AA757E
83.3%	83.3% #BD979D	RGB 189 151 157	#BD979D
100.0%	100.0% #D1BDC0	RGB 209 189 192	#D1BDC0

#5E1825 #712936 #843E4A #975762 #AA757E #BD979D #D1BDC0

#5E1825 - #975762 - #D1BDC0

CSS codes

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

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