#A8CD8C - #FFCEA0 | 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 #A8CD8C to #FFCEA0

#A8CD8C #FFCEA0

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

#A8CD8C - #FFCEA0 | 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 #A8CD8C as 0% and #FFCEA0 as 100%.

0.0%	0.0% #A8CD8C	RGB 168 205 140	#A8CD8C
16.7%	16.7% #B6CD8F	RGB 182 205 143	#B6CD8F
33.3%	33.3% #C5CD92	RGB 197 205 146	#C5CD92
50.0%	50.0% #D3CD96	RGB 211 205 150	#D3CD96
66.7%	66.7% #E2CD99	RGB 226 205 153	#E2CD99
83.3%	83.3% #F0CD9C	RGB 240 205 156	#F0CD9C
100.0%	100.0% #FFCEA0	RGB 255 206 160	#FFCEA0

#A8CD8C #B6CD8F #C5CD92 #D3CD96 #E2CD99 #F0CD9C #FFCEA0

#A8CD8C - #FFCEA0

HSV Blend

#A8CD8C - #FFCEA0 | 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 #A8CD8C as 0% and #FFCEA0 as 100%.

0.0%	0.0% #A8CD8C	RGB 168 205 140	#A8CD8C
16.7%	16.7% #BAD58F	RGB 186 213 143	#BAD58F
33.3%	33.3% #CEDD93	RGB 206 221 147	#CEDD93
50.0%	50.0% #E3E696	RGB 227 230 150	#E3E696
66.7%	66.7% #EEE199	RGB 238 225 153	#EEE199
83.3%	83.3% #F6D89D	RGB 246 216 157	#F6D89D
100.0%	100.0% #FFCEA0	RGB 255 206 160	#FFCEA0

#A8CD8C #BAD58F #CEDD93 #E3E696 #EEE199 #F6D89D #FFCEA0

#A8CD8C - #E3E696 - #FFCEA0

CSS codes

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

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