#5E3B57 - #D6AA6E | 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 #5E3B57 to #D6AA6E

#5E3B57 #D6AA6E

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

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

0.0%	0.0% #5E3B57	RGB 94 59 87	#5E3B57
16.7%	16.7% #724D5A	RGB 114 77 90	#724D5A
33.3%	33.3% #86605E	RGB 134 96 94	#86605E
50.0%	50.0% #9A7262	RGB 154 114 98	#9A7262
66.7%	66.7% #AE8566	RGB 174 133 102	#AE8566
83.3%	83.3% #C2976A	RGB 194 151 106	#C2976A
100.0%	100.0% #D6AA6E	RGB 214 170 110	#D6AA6E

#5E3B57 #724D5A #86605E #9A7262 #AE8566 #C2976A #D6AA6E

#5E3B57 - #D6AA6E

HSV Blend

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

0.0%	0.0% #5E3B57	RGB 94 59 87	#5E3B57
16.7%	16.7% #72455E	RGB 114 69 94	#72455E
33.3%	33.3% #864F61	RGB 134 79 97	#864F61
50.0%	50.0% #9A575F	RGB 154 87 95	#9A575F
66.7%	66.7% #AE6960	RGB 174 105 96	#AE6960
83.3%	83.3% #C28667	RGB 194 134 103	#C28667
100.0%	100.0% #D6AA6E	RGB 214 170 110	#D6AA6E

#5E3B57 #72455E #864F61 #9A575F #AE6960 #C28667 #D6AA6E

#5E3B57 - #9A575F - #D6AA6E

CSS codes

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

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