#AC8C99 - #FEFFA8 | 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 #AC8C99 to #FEFFA8

#AC8C99 #FEFFA8

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

#AC8C99 - #FEFFA8 | 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 #AC8C99 as 0% and #FEFFA8 as 100%.

0.0%	0.0% #AC8C99	RGB 172 140 153	#AC8C99
16.7%	16.7% #B99F9B	RGB 185 159 155	#B99F9B
33.3%	33.3% #C7B29E	RGB 199 178 158	#C7B29E
50.0%	50.0% #D5C5A0	RGB 213 197 160	#D5C5A0
66.7%	66.7% #E2D8A3	RGB 226 216 163	#E2D8A3
83.3%	83.3% #F0EBA5	RGB 240 235 165	#F0EBA5
100.0%	100.0% #FEFFA8	RGB 254 255 168	#FEFFA8

#AC8C99 #B99F9B #C7B29E #D5C5A0 #E2D8A3 #F0EBA5 #FEFFA8

#AC8C99 - #FEFFA8

HSV Blend

#AC8C99 - #FEFFA8 | 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 #AC8C99 as 0% and #FEFFA8 as 100%.

0.0%	0.0% #AC8C99	RGB 172 140 153	#AC8C99
16.7%	16.7% #B99299	RGB 185 146 153	#B99299
33.3%	33.3% #C79B98	RGB 199 155 152	#C79B98
50.0%	50.0% #D5AE9D	RGB 213 174 157	#D5AE9D
66.7%	66.7% #E3C4A1	RGB 227 196 161	#E3C4A1
83.3%	83.3% #F1E0A5	RGB 241 224 165	#F1E0A5
100.0%	100.0% #FEFFA8	RGB 254 255 168	#FEFFA8

#AC8C99 #B99299 #C79B98 #D5AE9D #E3C4A1 #F1E0A5 #FEFFA8

#AC8C99 - #D5AE9D - #FEFFA8

CSS codes

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

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