#AC959A - #FFFEC3 | 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 #AC959A to #FFFEC3

#AC959A #FFFEC3

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

#AC959A - #FFFEC3 | 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 #AC959A as 0% and #FFFEC3 as 100%.

0.0%	0.0% #AC959A	RGB 172 149 154	#AC959A
16.7%	16.7% #B9A6A0	RGB 185 166 160	#B9A6A0
33.3%	33.3% #C7B8A7	RGB 199 184 167	#C7B8A7
50.0%	50.0% #D5C9AE	RGB 213 201 174	#D5C9AE
66.7%	66.7% #E3DBB5	RGB 227 219 181	#E3DBB5
83.3%	83.3% #F1ECBC	RGB 241 236 188	#F1ECBC
100.0%	100.0% #FFFEC3	RGB 255 254 195	#FFFEC3

#AC959A #B9A6A0 #C7B8A7 #D5C9AE #E3DBB5 #F1ECBC #FFFEC3

#AC959A - #FFFEC3

HSV Blend

#AC959A - #FFFEC3 | 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 #AC959A as 0% and #FFFEC3 as 100%.

0.0%	0.0% #AC959A	RGB 172 149 154	#AC959A
16.7%	16.7% #B99D9E	RGB 185 157 158	#B99D9E
33.3%	33.3% #C7ACA6	RGB 199 172 166	#C7ACA6
50.0%	50.0% #D5BDAE	RGB 213 189 174	#D5BDAE
66.7%	66.7% #E3D0B5	RGB 227 208 181	#E3D0B5
83.3%	83.3% #F1E5BC	RGB 241 229 188	#F1E5BC
100.0%	100.0% #FFFEC3	RGB 255 254 195	#FFFEC3

#AC959A #B99D9E #C7ACA6 #D5BDAE #E3D0B5 #F1E5BC #FFFEC3

#AC959A - #D5BDAE - #FFFEC3

CSS codes

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

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