#A8D67E - #FFEF9E | 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 #A8D67E to #FFEF9E

#A8D67E #FFEF9E

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

#A8D67E - #FFEF9E | 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 #A8D67E as 0% and #FFEF9E as 100%.

0.0%	0.0% #A8D67E	RGB 168 214 126	#A8D67E
16.7%	16.7% #B6DA83	RGB 182 218 131	#B6DA83
33.3%	33.3% #C5DE88	RGB 197 222 136	#C5DE88
50.0%	50.0% #D3E28E	RGB 211 226 142	#D3E28E
66.7%	66.7% #E2E693	RGB 226 230 147	#E2E693
83.3%	83.3% #F0EA98	RGB 240 234 152	#F0EA98
100.0%	100.0% #FFEF9E	RGB 255 239 158	#FFEF9E

#A8D67E #B6DA83 #C5DE88 #D3E28E #E2E693 #F0EA98 #FFEF9E

#A8D67E - #FFEF9E

HSV Blend

#A8D67E - #FFEF9E | 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 #A8D67E as 0% and #FFEF9E as 100%.

0.0%	0.0% #A7D67E	RGB 167 214 126	#A7D67E
16.7%	16.7% #B8DC83	RGB 184 220 131	#B8DC83
33.3%	33.3% #C8E388	RGB 200 227 136	#C8E388
50.0%	50.0% #D9EA8D	RGB 217 234 141	#D9EA8D
66.7%	66.7% #EBF193	RGB 235 241 147	#EBF193
83.3%	83.3% #F8F398	RGB 248 243 152	#F8F398
100.0%	100.0% #FFEF9E	RGB 255 239 158	#FFEF9E

#A7D67E #B8DC83 #C8E388 #D9EA8D #EBF193 #F8F398 #FFEF9E

#A8D67E - #D9EA8D - #FFEF9E

CSS codes

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

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