#A8C445 - #FFEC75 | 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 #A8C445 to #FFEC75

#A8C445 #FFEC75

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

#A8C445 - #FFEC75 | 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 #A8C445 as 0% and #FFEC75 as 100%.

0.0%	0.0% #A8C445	RGB 168 196 69	#A8C445
16.7%	16.7% #B6CA4D	RGB 182 202 77	#B6CA4D
33.3%	33.3% #C5D155	RGB 197 209 85	#C5D155
50.0%	50.0% #D3D85D	RGB 211 216 93	#D3D85D
66.7%	66.7% #E2DE65	RGB 226 222 101	#E2DE65
83.3%	83.3% #F0E56D	RGB 240 229 109	#F0E56D
100.0%	100.0% #FFEC75	RGB 255 236 117	#FFEC75

#A8C445 #B6CA4D #C5D155 #D3D85D #E2DE65 #F0E56D #FFEC75

#A8C445 - #FFEC75

HSV Blend

#A8C445 - #FFEC75 | 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 #A8C445 as 0% and #FFEC75 as 100%.

0.0%	0.0% #A8C445	RGB 168 196 69	#A8C445
16.7%	16.7% #B8CD4C	RGB 184 205 76	#B8CD4C
33.3%	33.3% #CAD753	RGB 202 215 83	#CAD753
50.0%	50.0% #DBE15B	RGB 219 225 91	#DBE15B
66.7%	66.7% #EBE863	RGB 235 232 99	#EBE863
83.3%	83.3% #F5EA6C	RGB 245 234 108	#F5EA6C
100.0%	100.0% #FFEC75	RGB 255 236 117	#FFEC75

#A8C445 #B8CD4C #CAD753 #DBE15B #EBE863 #F5EA6C #FFEC75

#A8C445 - #DBE15B - #FFEC75

CSS codes

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

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