#5E684F - #C7B274 | 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 #5E684F to #C7B274

#5E684F #C7B274

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

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

0.0%	0.0% #5E684F	RGB 94 104 79	#5E684F
16.7%	16.7% #6F7455	RGB 111 116 85	#6F7455
33.3%	33.3% #81805B	RGB 129 128 91	#81805B
50.0%	50.0% #928D61	RGB 146 141 97	#928D61
66.7%	66.7% #A49967	RGB 164 153 103	#A49967
83.3%	83.3% #B5A56D	RGB 181 165 109	#B5A56D
100.0%	100.0% #C7B274	RGB 199 178 116	#C7B274

#5E684F #6F7455 #81805B #928D61 #A49967 #B5A56D #C7B274

#5E684F - #C7B274

HSV Blend

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

0.0%	0.0% #5E684F	RGB 94 104 79	#5E684F
16.7%	16.7% #6E7757	RGB 110 119 87	#6E7757
33.3%	33.3% #80875F	RGB 128 135 95	#80875F
50.0%	50.0% #939765	RGB 147 151 101	#939765
66.7%	66.7% #A7A56B	RGB 167 165 107	#A7A56B
83.3%	83.3% #B7AC70	RGB 183 172 112	#B7AC70
100.0%	100.0% #C7B274	RGB 199 178 116	#C7B274

#5E684F #6E7757 #80875F #939765 #A7A56B #B7AC70 #C7B274

#5E684F - #939765 - #C7B274

CSS codes

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

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