#E5E4C5 - #C1B772 | 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 #E5E4C5 to #C1B772

#E5E4C5 #C1B772

Calculate the color between two colors, #E5E4C5 and #C1B772. 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)

#E5E4C5 - #C1B772 | 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 #E5E4C5 as 0% and #C1B772 as 100%.

0.0%	0.0% #E5E4C5	RGB 229 228 197	#E5E4C5
16.7%	16.7% #DFDCB7	RGB 223 220 183	#DFDCB7
33.3%	33.3% #D9D5A9	RGB 217 213 169	#D9D5A9
50.0%	50.0% #D3CD9B	RGB 211 205 155	#D3CD9B
66.7%	66.7% #CDC68D	RGB 205 198 141	#CDC68D
83.3%	83.3% #C7BE7F	RGB 199 190 127	#C7BE7F
100.0%	100.0% #C1B772	RGB 193 183 114	#C1B772

#E5E4C5 #DFDCB7 #D9D5A9 #D3CD9B #CDC68D #C7BE7F #C1B772

#E5E4C5 - #C1B772

HSV Blend

#E5E4C5 - #C1B772 | 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 #E5E4C5 as 0% and #C1B772 as 100%.

0.0%	0.0% #E5E4C5	RGB 229 228 197	#E5E4C5
16.7%	16.7% #DFDDB5	RGB 223 221 181	#DFDDB5
33.3%	33.3% #D9D5A7	RGB 217 213 167	#D9D5A7
50.0%	50.0% #D3CE99	RGB 211 206 153	#D3CE99
66.7%	66.7% #CDC68B	RGB 205 198 139	#CDC68B
83.3%	83.3% #C7BE7E	RGB 199 190 126	#C7BE7E
100.0%	100.0% #C1B772	RGB 193 183 114	#C1B772

#E5E4C5 #DFDDB5 #D9D5A7 #D3CE99 #CDC68B #C7BE7E #C1B772

#E5E4C5 - #D3CE99 - #C1B772

CSS codes

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

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