#AABA8C - #C4FFAB | 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 #AABA8C to #C4FFAB

#AABA8C #C4FFAB

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

#AABA8C - #C4FFAB | 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 #AABA8C as 0% and #C4FFAB as 100%.

0.0%	0.0% #AABA8C	RGB 170 186 140	#AABA8C
16.7%	16.7% #AEC591	RGB 174 197 145	#AEC591
33.3%	33.3% #B2D196	RGB 178 209 150	#B2D196
50.0%	50.0% #B7DC9B	RGB 183 220 155	#B7DC9B
66.7%	66.7% #BBE8A0	RGB 187 232 160	#BBE8A0
83.3%	83.3% #BFF3A5	RGB 191 243 165	#BFF3A5
100.0%	100.0% #C4FFAB	RGB 196 255 171	#C4FFAB

#AABA8C #AEC591 #B2D196 #B7DC9B #BBE8A0 #BFF3A5 #C4FFAB

#AABA8C - #C4FFAB

HSV Blend

#AABA8C - #C4FFAB | 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 #AABA8C as 0% and #C4FFAB as 100%.

0.0%	0.0% #AABA8C	RGB 170 186 140	#AABA8C
16.7%	16.7% #B0C591	RGB 176 197 145	#B0C591
33.3%	33.3% #B6D197	RGB 182 209 151	#B6D197
50.0%	50.0% #BBDC9C	RGB 187 220 156	#BBDC9C
66.7%	66.7% #BFE8A1	RGB 191 232 161	#BFE8A1
83.3%	83.3% #C2F3A6	RGB 194 243 166	#C2F3A6
100.0%	100.0% #C4FFAB	RGB 196 255 171	#C4FFAB

#AABA8C #B0C591 #B6D197 #BBDC9C #BFE8A1 #C2F3A6 #C4FFAB

#AABA8C - #BBDC9C - #C4FFAB

CSS codes

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

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