#A8AA5E - #FF7E8B | 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 #A8AA5E to #FF7E8B

#A8AA5E #FF7E8B

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

#A8AA5E - #FF7E8B | 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 #A8AA5E as 0% and #FF7E8B as 100%.

0.0%	0.0% #A8AA5E	RGB 168 170 94	#A8AA5E
16.7%	16.7% #B6A265	RGB 182 162 101	#B6A265
33.3%	33.3% #C59B6D	RGB 197 155 109	#C59B6D
50.0%	50.0% #D39474	RGB 211 148 116	#D39474
66.7%	66.7% #E28C7C	RGB 226 140 124	#E28C7C
83.3%	83.3% #F08583	RGB 240 133 131	#F08583
100.0%	100.0% #FF7E8B	RGB 255 126 139	#FF7E8B

#A8AA5E #B6A265 #C59B6D #D39474 #E28C7C #F08583 #FF7E8B

#A8AA5E - #FF7E8B

HSV Blend

#A8AA5E - #FF7E8B | 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 #A8AA5E as 0% and #FF7E8B as 100%.

0.0%	0.0% #A8AA5E	RGB 168 170 94	#A8AA5E
16.7%	16.7% #B8AA64	RGB 184 170 100	#B8AA64
33.3%	33.3% #C6A569	RGB 198 165 105	#C6A569
50.0%	50.0% #D49E6F	RGB 212 158 111	#D49E6F
66.7%	66.7% #E29274	RGB 226 146 116	#E29274
83.3%	83.3% #F08379	RGB 240 131 121	#F08379
100.0%	100.0% #FF7E8B	RGB 255 126 139	#FF7E8B

#A8AA5E #B8AA64 #C6A569 #D49E6F #E29274 #F08379 #FF7E8B

#A8AA5E - #D49E6F - #FF7E8B

CSS codes

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

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