#A8D660 - #FFF28C | 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 #A8D660 to #FFF28C

#A8D660 #FFF28C

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

#A8D660 - #FFF28C | 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 #A8D660 as 0% and #FFF28C as 100%.

0.0%	0.0% #A8D660	RGB 168 214 96	#A8D660
16.7%	16.7% #B6DA67	RGB 182 218 103	#B6DA67
33.3%	33.3% #C5DF6E	RGB 197 223 110	#C5DF6E
50.0%	50.0% #D3E476	RGB 211 228 118	#D3E476
66.7%	66.7% #E2E87D	RGB 226 232 125	#E2E87D
83.3%	83.3% #F0ED84	RGB 240 237 132	#F0ED84
100.0%	100.0% #FFF28C	RGB 255 242 140	#FFF28C

#A8D660 #B6DA67 #C5DF6E #D3E476 #E2E87D #F0ED84 #FFF28C

#A8D660 - #FFF28C

HSV Blend

#A8D660 - #FFF28C | 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 #A8D660 as 0% and #FFF28C as 100%.

0.0%	0.0% #A8D660	RGB 168 214 96	#A8D660
16.7%	16.7% #B8DC66	RGB 184 220 102	#B8DC66
33.3%	33.3% #C9E36D	RGB 201 227 109	#C9E36D
50.0%	50.0% #DAEA74	RGB 218 234 116	#DAEA74
66.7%	66.7% #EAF17C	RGB 234 241 124	#EAF17C
83.3%	83.3% #F8F484	RGB 248 244 132	#F8F484
100.0%	100.0% #FFF28C	RGB 255 242 140	#FFF28C

#A8D660 #B8DC66 #C9E36D #DAEA74 #EAF17C #F8F484 #FFF28C

#A8D660 - #DAEA74 - #FFF28C

CSS codes

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

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