#A8DAA1 - #FFECB0 | 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 #A8DAA1 to #FFECB0

#A8DAA1 #FFECB0

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

#A8DAA1 - #FFECB0 | 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 #A8DAA1 as 0% and #FFECB0 as 100%.

0.0%	0.0% #A8DAA1	RGB 168 218 161	#A8DAA1
16.7%	16.7% #B6DDA3	RGB 182 221 163	#B6DDA3
33.3%	33.3% #C5E0A6	RGB 197 224 166	#C5E0A6
50.0%	50.0% #D3E3A8	RGB 211 227 168	#D3E3A8
66.7%	66.7% #E2E6AB	RGB 226 230 171	#E2E6AB
83.3%	83.3% #F0E9AD	RGB 240 233 173	#F0E9AD
100.0%	100.0% #FFECB0	RGB 255 236 176	#FFECB0

#A8DAA1 #B6DDA3 #C5E0A6 #D3E3A8 #E2E6AB #F0E9AD #FFECB0

#A8DAA1 - #FFECB0

HSV Blend

#A8DAA1 - #FFECB0 | 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 #A8DAA1 as 0% and #FFECB0 as 100%.

0.0%	0.0% #A8DAA1	RGB 168 218 161	#A8DAA1
16.7%	16.7% #B6E0A3	RGB 182 224 163	#B6E0A3
33.3%	33.3% #C6E6A6	RGB 198 230 166	#C6E6A6
50.0%	50.0% #D6ECA8	RGB 214 236 168	#D6ECA8
66.7%	66.7% #E9F2AB	RGB 233 242 171	#E9F2AB
83.3%	83.3% #F8F4AD	RGB 248 244 173	#F8F4AD
100.0%	100.0% #FFECB0	RGB 255 236 176	#FFECB0

#A8DAA1 #B6E0A3 #C6E6A6 #D6ECA8 #E9F2AB #F8F4AD #FFECB0

#A8DAA1 - #D6ECA8 - #FFECB0

CSS codes

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

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