#5E1010 - #D1BABA | 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 #5E1010 to #D1BABA

#5E1010 #D1BABA

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

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

0.0%	0.0% #5E1010	RGB 94 16 16	#5E1010
16.7%	16.7% #712C2C	RGB 113 44 44	#712C2C
33.3%	33.3% #844848	RGB 132 72 72	#844848
50.0%	50.0% #976565	RGB 151 101 101	#976565
66.7%	66.7% #AA8181	RGB 170 129 129	#AA8181
83.3%	83.3% #BD9D9D	RGB 189 157 157	#BD9D9D
100.0%	100.0% #D1BABA	RGB 209 186 186	#D1BABA

#5E1010 #712C2C #844848 #976565 #AA8181 #BD9D9D #D1BABA

#5E1010 - #D1BABA

HSV Blend

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

0.0%	0.0% #5E0F0F	RGB 94 15 15	#5E0F0F
16.7%	16.7% #712020	RGB 113 32 32	#712020
33.3%	33.3% #843636	RGB 132 54 54	#843636
50.0%	50.0% #975050	RGB 151 80 80	#975050
66.7%	66.7% #AA6E6E	RGB 170 110 110	#AA6E6E
83.3%	83.3% #BD9292	RGB 189 146 146	#BD9292
100.0%	100.0% #D1BABA	RGB 209 186 186	#D1BABA

#5E0F0F #712020 #843636 #975050 #AA6E6E #BD9292 #D1BABA

#5E1010 - #975050 - #D1BABA

CSS codes

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

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