#E5E1C9 - #B7B55F | 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 #E5E1C9 to #B7B55F

#E5E1C9 #B7B55F

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

#E5E1C9 - #B7B55F | 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 #E5E1C9 as 0% and #B7B55F as 100%.

0.0%	0.0% #E5E1C9	RGB 229 225 201	#E5E1C9
16.7%	16.7% #DDD9B7	RGB 221 217 183	#DDD9B7
33.3%	33.3% #D5D2A5	RGB 213 210 165	#D5D2A5
50.0%	50.0% #CECB94	RGB 206 203 148	#CECB94
66.7%	66.7% #C6C382	RGB 198 195 130	#C6C382
83.3%	83.3% #BEBC70	RGB 190 188 112	#BEBC70
100.0%	100.0% #B7B55F	RGB 183 181 95	#B7B55F

#E5E1C9 #DDD9B7 #D5D2A5 #CECB94 #C6C382 #BEBC70 #B7B55F

#E5E1C9 - #B7B55F

HSV Blend

#E5E1C9 - #B7B55F | 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 #E5E1C9 as 0% and #B7B55F as 100%.

0.0%	0.0% #E5E1C9	RGB 229 225 201	#E5E1C9
16.7%	16.7% #DDD8B5	RGB 221 216 181	#DDD8B5
33.3%	33.3% #D5D0A2	RGB 213 208 162	#D5D0A2
50.0%	50.0% #CEC88F	RGB 206 200 143	#CEC88F
66.7%	66.7% #C6C17E	RGB 198 193 126	#C6C17E
83.3%	83.3% #BEBB6E	RGB 190 187 110	#BEBB6E
100.0%	100.0% #B7B55F	RGB 183 181 95	#B7B55F

#E5E1C9 #DDD8B5 #D5D0A2 #CEC88F #C6C17E #BEBB6E #B7B55F

#E5E1C9 - #CEC88F - #B7B55F

CSS codes

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

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