#645B5E - #E2A680 | 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 #645B5E to #E2A680

#645B5E #E2A680

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

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

0.0%	0.0% #645B5E	RGB 100 91 94	#645B5E
16.7%	16.7% #796763	RGB 121 103 99	#796763
33.3%	33.3% #8E7469	RGB 142 116 105	#8E7469
50.0%	50.0% #A3806F	RGB 163 128 111	#A3806F
66.7%	66.7% #B88D74	RGB 184 141 116	#B88D74
83.3%	83.3% #CD997A	RGB 205 153 122	#CD997A
100.0%	100.0% #E2A680	RGB 226 166 128	#E2A680

#645B5E #796763 #8E7469 #A3806F #B88D74 #CD997A #E2A680

#645B5E - #E2A680

HSV Blend

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

0.0%	0.0% #645B5E	RGB 100 91 94	#645B5E
16.7%	16.7% #79676A	RGB 121 103 106	#79676A
33.3%	33.3% #8E7073	RGB 142 112 115	#8E7073
50.0%	50.0% #A37978	RGB 163 121 120	#A37978
66.7%	66.7% #B8857D	RGB 184 133 125	#B8857D
83.3%	83.3% #CD947F	RGB 205 148 127	#CD947F
100.0%	100.0% #E2A680	RGB 226 166 128	#E2A680

#645B5E #79676A #8E7073 #A37978 #B8857D #CD947F #E2A680

#645B5E - #A37978 - #E2A680

CSS codes

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

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