#5E5356 - #DA9D78 | 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 #5E5356 to #DA9D78

#5E5356 #DA9D78

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

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

0.0%	0.0% #5E5356	RGB 94 83 86	#5E5356
16.7%	16.7% #725F5B	RGB 114 95 91	#725F5B
33.3%	33.3% #876B61	RGB 135 107 97	#876B61
50.0%	50.0% #9C7867	RGB 156 120 103	#9C7867
66.7%	66.7% #B0846C	RGB 176 132 108	#B0846C
83.3%	83.3% #C59072	RGB 197 144 114	#C59072
100.0%	100.0% #DA9D78	RGB 218 157 120	#DA9D78

#5E5356 #725F5B #876B61 #9C7867 #B0846C #C59072 #DA9D78

#5E5356 - #DA9D78

HSV Blend

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

0.0%	0.0% #5E5356	RGB 94 83 86	#5E5356
16.7%	16.7% #725E62	RGB 114 94 98	#725E62
33.3%	33.3% #87686A	RGB 135 104 106	#87686A
50.0%	50.0% #9C726F	RGB 156 114 111	#9C726F
66.7%	66.7% #B07E74	RGB 176 126 116	#B07E74
83.3%	83.3% #C58C77	RGB 197 140 119	#C58C77
100.0%	100.0% #DA9D78	RGB 218 157 120	#DA9D78

#5E5356 #725E62 #87686A #9C726F #B07E74 #C58C77 #DA9D78

#5E5356 - #9C726F - #DA9D78

CSS codes

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

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