#AADA8D - #FFEFA7 | 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 #AADA8D to #FFEFA7

#AADA8D #FFEFA7

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

#AADA8D - #FFEFA7 | 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 #AADA8D as 0% and #FFEFA7 as 100%.

0.0%	0.0% #AADA8D	RGB 170 218 141	#AADA8D
16.7%	16.7% #B8DD91	RGB 184 221 145	#B8DD91
33.3%	33.3% #C6E195	RGB 198 225 149	#C6E195
50.0%	50.0% #D4E49A	RGB 212 228 154	#D4E49A
66.7%	66.7% #E2E89E	RGB 226 232 158	#E2E89E
83.3%	83.3% #F0EBA2	RGB 240 235 162	#F0EBA2
100.0%	100.0% #FFEFA7	RGB 255 239 167	#FFEFA7

#AADA8D #B8DD91 #C6E195 #D4E49A #E2E89E #F0EBA2 #FFEFA7

#AADA8D - #FFEFA7

HSV Blend

#AADA8D - #FFEFA7 | 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 #AADA8D as 0% and #FFEFA7 as 100%.

0.0%	0.0% #AADA8D	RGB 170 218 141	#AADA8D
16.7%	16.7% #B9E091	RGB 185 224 145	#B9E091
33.3%	33.3% #C9E695	RGB 201 230 149	#C9E695
50.0%	50.0% #DAEC99	RGB 218 236 153	#DAEC99
66.7%	66.7% #EBF29E	RGB 235 242 158	#EBF29E
83.3%	83.3% #F8F4A2	RGB 248 244 162	#F8F4A2
100.0%	100.0% #FFEFA7	RGB 255 239 167	#FFEFA7

#AADA8D #B9E091 #C9E695 #DAEC99 #EBF29E #F8F4A2 #FFEFA7

#AADA8D - #DAEC99 - #FFEFA7

CSS codes

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

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