#5E1F02 - #D1BFB7 | 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 #5E1F02 to #D1BFB7

#5E1F02 #D1BFB7

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

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

0.0%	0.0% #5E1F02	RGB 94 31 2	#5E1F02
16.7%	16.7% #713920	RGB 113 57 32	#713920
33.3%	33.3% #84543E	RGB 132 84 62	#84543E
50.0%	50.0% #976F5C	RGB 151 111 92	#976F5C
66.7%	66.7% #AA897A	RGB 170 137 122	#AA897A
83.3%	83.3% #BDA498	RGB 189 164 152	#BDA498
100.0%	100.0% #D1BFB7	RGB 209 191 183	#D1BFB7

#5E1F02 #713920 #84543E #976F5C #AA897A #BDA498 #D1BFB7

#5E1F02 - #D1BFB7

HSV Blend

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

0.0%	0.0% #5E1F01	RGB 94 31 1	#5E1F01
16.7%	16.7% #713012	RGB 113 48 18	#713012
33.3%	33.3% #844528	RGB 132 69 40	#844528
50.0%	50.0% #975D43	RGB 151 93 67	#975D43
66.7%	66.7% #AA7A64	RGB 170 122 100	#AA7A64
83.3%	83.3% #BD9A8B	RGB 189 154 139	#BD9A8B
100.0%	100.0% #D1BFB7	RGB 209 191 183	#D1BFB7

#5E1F01 #713012 #844528 #975D43 #AA7A64 #BD9A8B #D1BFB7

#5E1F02 - #975D43 - #D1BFB7

CSS codes

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

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