#5E624A - #C5AD72 | 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 #5E624A to #C5AD72

#5E624A #C5AD72

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

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

0.0%	0.0% #5E624A	RGB 94 98 74	#5E624A
16.7%	16.7% #6F6E50	RGB 111 110 80	#6F6E50
33.3%	33.3% #807B57	RGB 128 123 87	#807B57
50.0%	50.0% #91875E	RGB 145 135 94	#91875E
66.7%	66.7% #A29464	RGB 162 148 100	#A29464
83.3%	83.3% #B3A06B	RGB 179 160 107	#B3A06B
100.0%	100.0% #C5AD72	RGB 197 173 114	#C5AD72

#5E624A #6F6E50 #807B57 #91875E #A29464 #B3A06B #C5AD72

#5E624A - #C5AD72

HSV Blend

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

0.0%	0.0% #5E624A	RGB 94 98 74	#5E624A
16.7%	16.7% #6F7253	RGB 111 114 83	#6F7253
33.3%	33.3% #82835B	RGB 130 131 91	#82835B
50.0%	50.0% #939062	RGB 147 144 98	#939062
66.7%	66.7% #A49B68	RGB 164 155 104	#A49B68
83.3%	83.3% #B4A56D	RGB 180 165 109	#B4A56D
100.0%	100.0% #C5AD72	RGB 197 173 114	#C5AD72

#5E624A #6F7253 #82835B #939062 #A49B68 #B4A56D #C5AD72

#5E624A - #939062 - #C5AD72

CSS codes

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

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