#A0A291 - #E3E4DF | 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 #A0A291 to #E3E4DF

#A0A291 #E3E4DF

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

#A0A291 - #E3E4DF | 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 #A0A291 as 0% and #E3E4DF as 100%.

0.0%	0.0% #A0A291	RGB 160 162 145	#A0A291
16.7%	16.7% #ABAD9E	RGB 171 173 158	#ABAD9E
33.3%	33.3% #B6B8AB	RGB 182 184 171	#B6B8AB
50.0%	50.0% #C1C3B8	RGB 193 195 184	#C1C3B8
66.7%	66.7% #CCCEC5	RGB 204 206 197	#CCCEC5
83.3%	83.3% #D7D9D2	RGB 215 217 210	#D7D9D2
100.0%	100.0% #E3E4DF	RGB 227 228 223	#E3E4DF

#A0A291 #ABAD9E #B6B8AB #C1C3B8 #CCCEC5 #D7D9D2 #E3E4DF

#A0A291 - #E3E4DF

HSV Blend

#A0A291 - #E3E4DF | 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 #A0A291 as 0% and #E3E4DF as 100%.

0.0%	0.0% #A0A291	RGB 160 162 145	#A0A291
16.7%	16.7% #AAAD9D	RGB 170 173 157	#AAAD9D
33.3%	33.3% #B5B8A9	RGB 181 184 169	#B5B8A9
50.0%	50.0% #C1C3B6	RGB 193 195 182	#C1C3B6
66.7%	66.7% #CCCEC3	RGB 204 206 195	#CCCEC3
83.3%	83.3% #D7D9D1	RGB 215 217 209	#D7D9D1
100.0%	100.0% #E3E4DF	RGB 227 228 223	#E3E4DF

#A0A291 #AAAD9D #B5B8A9 #C1C3B6 #CCCEC3 #D7D9D1 #E3E4DF

#A0A291 - #C1C3B6 - #E3E4DF

CSS codes

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

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