#AFC178 - #FFE99B | 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 #AFC178 to #FFE99B

#AFC178 #FFE99B

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

#AFC178 - #FFE99B | 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 #AFC178 as 0% and #FFE99B as 100%.

0.0%	0.0% #AFC178	RGB 175 193 120	#AFC178
16.7%	16.7% #BCC77D	RGB 188 199 125	#BCC77D
33.3%	33.3% #C9CE83	RGB 201 206 131	#C9CE83
50.0%	50.0% #D7D589	RGB 215 213 137	#D7D589
66.7%	66.7% #E4DB8F	RGB 228 219 143	#E4DB8F
83.3%	83.3% #F1E295	RGB 241 226 149	#F1E295
100.0%	100.0% #FFE99B	RGB 255 233 155	#FFE99B

#AFC178 #BCC77D #C9CE83 #D7D589 #E4DB8F #F1E295 #FFE99B

#AFC178 - #FFE99B

HSV Blend

#AFC178 - #FFE99B | 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 #AFC178 as 0% and #FFE99B as 100%.

0.0%	0.0% #AFC178	RGB 175 193 120	#AFC178
16.7%	16.7% #BECB7D	RGB 190 203 125	#BECB7D
33.3%	33.3% #CED583	RGB 206 213 131	#CED583
50.0%	50.0% #DEE089	RGB 222 224 137	#DEE089
66.7%	66.7% #EAE48F	RGB 234 228 143	#EAE48F
83.3%	83.3% #F4E795	RGB 244 231 149	#F4E795
100.0%	100.0% #FFE99B	RGB 255 233 155	#FFE99B

#AFC178 #BECB7D #CED583 #DEE089 #EAE48F #F4E795 #FFE99B

#AFC178 - #DEE089 - #FFE99B

CSS codes

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

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