#5E514C - #D48B71 | 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 #5E514C to #D48B71

#5E514C #D48B71

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

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

0.0%	0.0% #5E514C	RGB 94 81 76	#5E514C
16.7%	16.7% #715A52	RGB 113 90 82	#715A52
33.3%	33.3% #856458	RGB 133 100 88	#856458
50.0%	50.0% #996E5E	RGB 153 110 94	#996E5E
66.7%	66.7% #AC7764	RGB 172 119 100	#AC7764
83.3%	83.3% #C0816A	RGB 192 129 106	#C0816A
100.0%	100.0% #D48B71	RGB 212 139 113	#D48B71

#5E514C #715A52 #856458 #996E5E #AC7764 #C0816A #D48B71

#5E514C - #D48B71

HSV Blend

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

0.0%	0.0% #5E514C	RGB 94 81 76	#5E514C
16.7%	16.7% #715E56	RGB 113 94 86	#715E56
33.3%	33.3% #85695F	RGB 133 105 95	#85695F
50.0%	50.0% #997466	RGB 153 116 102	#997466
66.7%	66.7% #AC7D6B	RGB 172 125 107	#AC7D6B
83.3%	83.3% #C0846F	RGB 192 132 111	#C0846F
100.0%	100.0% #D48B71	RGB 212 139 113	#D48B71

#5E514C #715E56 #85695F #997466 #AC7D6B #C0846F #D48B71

#5E514C - #997466 - #D48B71

CSS codes

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

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