#5E2214 - #D1C0BC | 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 #5E2214 to #D1C0BC

#5E2214 #D1C0BC

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

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

0.0%	0.0% #5E2214	RGB 94 34 20	#5E2214
16.7%	16.7% #713C30	RGB 113 60 48	#713C30
33.3%	33.3% #84564C	RGB 132 86 76	#84564C
50.0%	50.0% #977168	RGB 151 113 104	#977168
66.7%	66.7% #AA8B84	RGB 170 139 132	#AA8B84
83.3%	83.3% #BDA5A0	RGB 189 165 160	#BDA5A0
100.0%	100.0% #D1C0BC	RGB 209 192 188	#D1C0BC

#5E2214 #713C30 #84564C #977168 #AA8B84 #BDA5A0 #D1C0BC

#5E2214 - #D1C0BC

HSV Blend

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

0.0%	0.0% #5E2213	RGB 94 34 19	#5E2213
16.7%	16.7% #713325	RGB 113 51 37	#713325
33.3%	33.3% #84483A	RGB 132 72 58	#84483A
50.0%	50.0% #976154	RGB 151 97 84	#976154
66.7%	66.7% #AA7D72	RGB 170 125 114	#AA7D72
83.3%	83.3% #BD9C95	RGB 189 156 149	#BD9C95
100.0%	100.0% #D1C0BC	RGB 209 192 188	#D1C0BC

#5E2213 #713325 #84483A #976154 #AA7D72 #BD9C95 #D1C0BC

#5E2214 - #976154 - #D1C0BC

CSS codes

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

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