#A1A75B - #E2E5D0 | 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 #A1A75B to #E2E5D0

#A1A75B #E2E5D0

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

#A1A75B - #E2E5D0 | 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 #A1A75B as 0% and #E2E5D0 as 100%.

0.0%	0.0% #A1A75B	RGB 161 167 91	#A1A75B
16.7%	16.7% #ABB16E	RGB 171 177 110	#ABB16E
33.3%	33.3% #B6BB82	RGB 182 187 130	#B6BB82
50.0%	50.0% #C1C695	RGB 193 198 149	#C1C695
66.7%	66.7% #CCD0A9	RGB 204 208 169	#CCD0A9
83.3%	83.3% #D7DABC	RGB 215 218 188	#D7DABC
100.0%	100.0% #E2E5D0	RGB 226 229 208	#E2E5D0

#A1A75B #ABB16E #B6BB82 #C1C695 #CCD0A9 #D7DABC #E2E5D0

#A1A75B - #E2E5D0

HSV Blend

#A1A75B - #E2E5D0 | 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 #A1A75B as 0% and #E2E5D0 as 100%.

0.0%	0.0% #A1A75B	RGB 161 167 91	#A1A75B
16.7%	16.7% #ABB16B	RGB 171 177 107	#ABB16B
33.3%	33.3% #B5BB7C	RGB 181 187 124	#B5BB7C
50.0%	50.0% #BFC68F	RGB 191 198 143	#BFC68F
66.7%	66.7% #CAD0A3	RGB 202 208 163	#CAD0A3
83.3%	83.3% #D6DAB9	RGB 214 218 185	#D6DAB9
100.0%	100.0% #E2E5D0	RGB 226 229 208	#E2E5D0

#A1A75B #ABB16B #B5BB7C #BFC68F #CAD0A3 #D6DAB9 #E2E5D0

#A1A75B - #BFC68F - #E2E5D0

CSS codes

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

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