#5E504C - #D29C75 | 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 #5E504C to #D29C75

#5E504C #D29C75

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

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

0.0%	0.0% #5E504C	RGB 94 80 76	#5E504C
16.7%	16.7% #715C52	RGB 113 92 82	#715C52
33.3%	33.3% #846959	RGB 132 105 89	#846959
50.0%	50.0% #987660	RGB 152 118 96	#987660
66.7%	66.7% #AB8267	RGB 171 130 103	#AB8267
83.3%	83.3% #BE8F6E	RGB 190 143 110	#BE8F6E
100.0%	100.0% #D29C75	RGB 210 156 117	#D29C75

#5E504C #715C52 #846959 #987660 #AB8267 #BE8F6E #D29C75

#5E504C - #D29C75

HSV Blend

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

0.0%	0.0% #5E504C	RGB 94 80 76	#5E504C
16.7%	16.7% #715D56	RGB 113 93 86	#715D56
33.3%	33.3% #846A60	RGB 132 106 96	#846A60
50.0%	50.0% #987767	RGB 152 119 103	#987767
66.7%	66.7% #AB836D	RGB 171 131 109	#AB836D
83.3%	83.3% #BE8F72	RGB 190 143 114	#BE8F72
100.0%	100.0% #D29C75	RGB 210 156 117	#D29C75

#5E504C #715D56 #846A60 #987767 #AB836D #BE8F72 #D29C75

#5E504C - #987767 - #D29C75

CSS codes

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

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