#A1CF8F - #FFEBA5 | 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 #A1CF8F to #FFEBA5

#A1CF8F #FFEBA5

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

#A1CF8F - #FFEBA5 | 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 #A1CF8F as 0% and #FFEBA5 as 100%.

0.0%	0.0% #A1CF8F	RGB 161 207 143	#A1CF8F
16.7%	16.7% #B0D392	RGB 176 211 146	#B0D392
33.3%	33.3% #C0D896	RGB 192 216 150	#C0D896
50.0%	50.0% #D0DD9A	RGB 208 221 154	#D0DD9A
66.7%	66.7% #DFE19D	RGB 223 225 157	#DFE19D
83.3%	83.3% #EFE6A1	RGB 239 230 161	#EFE6A1
100.0%	100.0% #FFEBA5	RGB 255 235 165	#FFEBA5

#A1CF8F #B0D392 #C0D896 #D0DD9A #DFE19D #EFE6A1 #FFEBA5

#A1CF8F - #FFEBA5

HSV Blend

#A1CF8F - #FFEBA5 | 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 #A1CF8F as 0% and #FFEBA5 as 100%.

0.0%	0.0% #A1CF8F	RGB 161 207 143	#A1CF8F
16.7%	16.7% #B0D792	RGB 176 215 146	#B0D792
33.3%	33.3% #C1DF96	RGB 193 223 150	#C1DF96
50.0%	50.0% #D4E79A	RGB 212 231 154	#D4E79A
66.7%	66.7% #E7EF9E	RGB 231 239 158	#E7EF9E
83.3%	83.3% #F7F1A1	RGB 247 241 161	#F7F1A1
100.0%	100.0% #FFEBA5	RGB 255 235 165	#FFEBA5

#A1CF8F #B0D792 #C1DF96 #D4E79A #E7EF9E #F7F1A1 #FFEBA5

#A1CF8F - #D4E79A - #FFEBA5

CSS codes

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

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