#5E141C - #D1BCBD | 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 #5E141C to #D1BCBD

#5E141C #D1BCBD

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

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

0.0%	0.0% #5E141C	RGB 94 20 28	#5E141C
16.7%	16.7% #713036	RGB 113 48 54	#713036
33.3%	33.3% #844C51	RGB 132 76 81	#844C51
50.0%	50.0% #97686C	RGB 151 104 108	#97686C
66.7%	66.7% #AA8487	RGB 170 132 135	#AA8487
83.3%	83.3% #BDA0A2	RGB 189 160 162	#BDA0A2
100.0%	100.0% #D1BCBD	RGB 209 188 189	#D1BCBD

#5E141C #713036 #844C51 #97686C #AA8487 #BDA0A2 #D1BCBD

#5E141C - #D1BCBD

HSV Blend

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

0.0%	0.0% #5E131B	RGB 94 19 27	#5E131B
16.7%	16.7% #71252C	RGB 113 37 44	#71252C
33.3%	33.3% #843A40	RGB 132 58 64	#843A40
50.0%	50.0% #975459	RGB 151 84 89	#975459
66.7%	66.7% #AA7276	RGB 170 114 118	#AA7276
83.3%	83.3% #BD9597	RGB 189 149 151	#BD9597
100.0%	100.0% #D1BCBD	RGB 209 188 189	#D1BCBD

#5E131B #71252C #843A40 #975459 #AA7276 #BD9597 #D1BCBD

#5E141C - #975459 - #D1BCBD

CSS codes

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

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