#E2E4D4 - #A6B684 | 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 #E2E4D4 to #A6B684

#E2E4D4 #A6B684

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

#E2E4D4 - #A6B684 | 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 #E2E4D4 as 0% and #A6B684 as 100%.

0.0%	0.0% #E2E4D4	RGB 226 228 212	#E2E4D4
16.7%	16.7% #D8DCC6	RGB 216 220 198	#D8DCC6
33.3%	33.3% #CED4B9	RGB 206 212 185	#CED4B9
50.0%	50.0% #C4CDAC	RGB 196 205 172	#C4CDAC
66.7%	66.7% #BAC59E	RGB 186 197 158	#BAC59E
83.3%	83.3% #B0BD91	RGB 176 189 145	#B0BD91
100.0%	100.0% #A6B684	RGB 166 182 132	#A6B684

#E2E4D4 #D8DCC6 #CED4B9 #C4CDAC #BAC59E #B0BD91 #A6B684

#E2E4D4 - #A6B684

HSV Blend

#E2E4D4 - #A6B684 | 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 #E2E4D4 as 0% and #A6B684 as 100%.

0.0%	0.0% #E2E4D4	RGB 226 228 212	#E2E4D4
16.7%	16.7% #D8DCC5	RGB 216 220 197	#D8DCC5
33.3%	33.3% #CFD4B7	RGB 207 212 183	#CFD4B7
50.0%	50.0% #C5CDA9	RGB 197 205 169	#C5CDA9
66.7%	66.7% #BAC59C	RGB 186 197 156	#BAC59C
83.3%	83.3% #B0BD90	RGB 176 189 144	#B0BD90
100.0%	100.0% #A6B684	RGB 166 182 132	#A6B684

#E2E4D4 #D8DCC5 #CFD4B7 #C5CDA9 #BAC59C #B0BD90 #A6B684

#E2E4D4 - #C5CDA9 - #A6B684

CSS codes

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

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