#A8DAA4 - #FFECB1 | 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 #A8DAA4 to #FFECB1

#A8DAA4 #FFECB1

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

#A8DAA4 - #FFECB1 | 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 #A8DAA4 as 0% and #FFECB1 as 100%.

0.0%	0.0% #A8DAA4	RGB 168 218 164	#A8DAA4
16.7%	16.7% #B6DDA6	RGB 182 221 166	#B6DDA6
33.3%	33.3% #C5E0A8	RGB 197 224 168	#C5E0A8
50.0%	50.0% #D3E3AA	RGB 211 227 170	#D3E3AA
66.7%	66.7% #E2E6AC	RGB 226 230 172	#E2E6AC
83.3%	83.3% #F0E9AE	RGB 240 233 174	#F0E9AE
100.0%	100.0% #FFECB1	RGB 255 236 177	#FFECB1

#A8DAA4 #B6DDA6 #C5E0A8 #D3E3AA #E2E6AC #F0E9AE #FFECB1

#A8DAA4 - #FFECB1

HSV Blend

#A8DAA4 - #FFECB1 | 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 #A8DAA4 as 0% and #FFECB1 as 100%.

0.0%	0.0% #A8DAA4	RGB 168 218 164	#A8DAA4
16.7%	16.7% #B5E0A6	RGB 181 224 166	#B5E0A6
33.3%	33.3% #C5E6A8	RGB 197 230 168	#C5E6A8
50.0%	50.0% #D6ECAB	RGB 214 236 171	#D6ECAB
66.7%	66.7% #E8F2AD	RGB 232 242 173	#E8F2AD
83.3%	83.3% #F8F5AF	RGB 248 245 175	#F8F5AF
100.0%	100.0% #FFECB1	RGB 255 236 177	#FFECB1

#A8DAA4 #B5E0A6 #C5E6A8 #D6ECAB #E8F2AD #F8F5AF #FFECB1

#A8DAA4 - #D6ECAB - #FFECB1

CSS codes

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

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