#5E151F - #D1BCBF | 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 #5E151F to #D1BCBF

#5E151F #D1BCBF

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

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

0.0%	0.0% #5E151F	RGB 94 21 31	#5E151F
16.7%	16.7% #713039	RGB 113 48 57	#713039
33.3%	33.3% #844C54	RGB 132 76 84	#844C54
50.0%	50.0% #97686F	RGB 151 104 111	#97686F
66.7%	66.7% #AA8489	RGB 170 132 137	#AA8489
83.3%	83.3% #BDA0A4	RGB 189 160 164	#BDA0A4
100.0%	100.0% #D1BCBF	RGB 209 188 191	#D1BCBF

#5E151F #713039 #844C54 #97686F #AA8489 #BDA0A4 #D1BCBF

#5E151F - #D1BCBF

HSV Blend

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

0.0%	0.0% #5E141F	RGB 94 20 31	#5E141F
16.7%	16.7% #712630	RGB 113 38 48	#712630
33.3%	33.3% #843B45	RGB 132 59 69	#843B45
50.0%	50.0% #97555E	RGB 151 85 94	#97555E
66.7%	66.7% #AA737A	RGB 170 115 122	#AA737A
83.3%	83.3% #BD959B	RGB 189 149 155	#BD959B
100.0%	100.0% #D1BCBF	RGB 209 188 191	#D1BCBF

#5E141F #712630 #843B45 #97555E #AA737A #BD959B #D1BCBF

#5E151F - #97555E - #D1BCBF

CSS codes

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

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