#A8AA9C - #E1FFB8 | 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 #A8AA9C to #E1FFB8

#A8AA9C #E1FFB8

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

#A8AA9C - #E1FFB8 | 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 #A8AA9C as 0% and #E1FFB8 as 100%.

0.0%	0.0% #A8AA9C	RGB 168 170 156	#A8AA9C
16.7%	16.7% #B1B8A0	RGB 177 184 160	#B1B8A0
33.3%	33.3% #BBC6A5	RGB 187 198 165	#BBC6A5
50.0%	50.0% #C4D4AA	RGB 196 212 170	#C4D4AA
66.7%	66.7% #CEE2AE	RGB 206 226 174	#CEE2AE
83.3%	83.3% #D7F0B3	RGB 215 240 179	#D7F0B3
100.0%	100.0% #E1FFB8	RGB 225 255 184	#E1FFB8

#A8AA9C #B1B8A0 #BBC6A5 #C4D4AA #CEE2AE #D7F0B3 #E1FFB8

#A8AA9C - #E1FFB8

HSV Blend

#A8AA9C - #E1FFB8 | 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 #A8AA9C as 0% and #E1FFB8 as 100%.

0.0%	0.0% #A8AA9C	RGB 168 170 156	#A8AA9C
16.7%	16.7% #B4B8A2	RGB 180 184 162	#B4B8A2
33.3%	33.3% #BFC6A9	RGB 191 198 169	#BFC6A9
50.0%	50.0% #C9D4AE	RGB 201 212 174	#C9D4AE
66.7%	66.7% #D2E2B2	RGB 210 226 178	#D2E2B2
83.3%	83.3% #DAF0B5	RGB 218 240 181	#DAF0B5
100.0%	100.0% #E1FFB8	RGB 225 255 184	#E1FFB8

#A8AA9C #B4B8A2 #BFC6A9 #C9D4AE #D2E2B2 #DAF0B5 #E1FFB8

#A8AA9C - #C9D4AE - #E1FFB8

CSS codes

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

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