#A0AB4D - #E3E7CC | 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 #A0AB4D to #E3E7CC

#A0AB4D #E3E7CC

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

#A0AB4D - #E3E7CC | 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 #A0AB4D as 0% and #E3E7CC as 100%.

0.0%	0.0% #A0AB4D	RGB 160 171 77	#A0AB4D
16.7%	16.7% #ABB562	RGB 171 181 98	#ABB562
33.3%	33.3% #B6BF77	RGB 182 191 119	#B6BF77
50.0%	50.0% #C1C98C	RGB 193 201 140	#C1C98C
66.7%	66.7% #CCD3A1	RGB 204 211 161	#CCD3A1
83.3%	83.3% #D7DDB6	RGB 215 221 182	#D7DDB6
100.0%	100.0% #E3E7CC	RGB 227 231 204	#E3E7CC

#A0AB4D #ABB562 #B6BF77 #C1C98C #CCD3A1 #D7DDB6 #E3E7CC

#A0AB4D - #E3E7CC

HSV Blend

#A0AB4D - #E3E7CC | 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 #A0AB4D as 0% and #E3E7CC as 100%.

0.0%	0.0% #A0AB4D	RGB 160 171 77	#A0AB4D
16.7%	16.7% #AAB55E	RGB 170 181 94	#AAB55E
33.3%	33.3% #B5BF71	RGB 181 191 113	#B5BF71
50.0%	50.0% #C0C986	RGB 192 201 134	#C0C986
66.7%	66.7% #CBD39B	RGB 203 211 155	#CBD39B
83.3%	83.3% #D7DDB3	RGB 215 221 179	#D7DDB3
100.0%	100.0% #E3E7CC	RGB 227 231 204	#E3E7CC

#A0AB4D #AAB55E #B5BF71 #C0C986 #CBD39B #D7DDB3 #E3E7CC

#A0AB4D - #C0C986 - #E3E7CC

CSS codes

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

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