#564B5E - #E1B475 | 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 #564B5E to #E1B475

#564B5E #E1B475

Calculate the color between two colors, #564B5E and #E1B475. 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)

#564B5E - #E1B475 | 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 #564B5E as 0% and #E1B475 as 100%.

0.0%	0.0% #564B5E	RGB 86 75 94	#564B5E
16.7%	16.7% #6D5C61	RGB 109 92 97	#6D5C61
33.3%	33.3% #846E65	RGB 132 110 101	#846E65
50.0%	50.0% #9B7F69	RGB 155 127 105	#9B7F69
66.7%	66.7% #B2916D	RGB 178 145 109	#B2916D
83.3%	83.3% #C9A271	RGB 201 162 113	#C9A271
100.0%	100.0% #E1B475	RGB 225 180 117	#E1B475

#564B5E #6D5C61 #846E65 #9B7F69 #B2916D #C9A271 #E1B475

#564B5E - #E1B475

HSV Blend

#564B5E - #E1B475 | 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 #564B5E as 0% and #E1B475 as 100%.

0.0%	0.0% #564B5E	RGB 86 75 94	#564B5E
16.7%	16.7% #715773	RGB 113 87 115	#715773
33.3%	33.3% #89617F	RGB 137 97 127	#89617F
50.0%	50.0% #9F697F	RGB 159 105 127	#9F697F
66.7%	66.7% #B56F75	RGB 181 111 117	#B56F75
83.3%	83.3% #CB8973	RGB 203 137 115	#CB8973
100.0%	100.0% #E1B475	RGB 225 180 117	#E1B475

#564B5E #715773 #89617F #9F697F #B56F75 #CB8973 #E1B475

#564B5E - #9F697F - #E1B475

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #564B5E 0%, #9F697F 50%, #E1B475 100%);
    background: -webkit-linear-gradient(top, #564B5E 0%, #9F697F 50%, #E1B475 100%);
    background: linear-gradient(to bottom, #564B5E 0%, #9F697F 50%, #E1B475 100%);
}
</style>