#AB959A - #FFFEC4 | 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 #AB959A to #FFFEC4

#AB959A #FFFEC4

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

#AB959A - #FFFEC4 | 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 #AB959A as 0% and #FFFEC4 as 100%.

0.0%	0.0% #AB959A	RGB 171 149 154	#AB959A
16.7%	16.7% #B9A6A1	RGB 185 166 161	#B9A6A1
33.3%	33.3% #C7B8A8	RGB 199 184 168	#C7B8A8
50.0%	50.0% #D5C9AF	RGB 213 201 175	#D5C9AF
66.7%	66.7% #E3DBB6	RGB 227 219 182	#E3DBB6
83.3%	83.3% #F1ECBD	RGB 241 236 189	#F1ECBD
100.0%	100.0% #FFFEC4	RGB 255 254 196	#FFFEC4

#AB959A #B9A6A1 #C7B8A8 #D5C9AF #E3DBB6 #F1ECBD #FFFEC4

#AB959A - #FFFEC4

HSV Blend

#AB959A - #FFFEC4 | 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 #AB959A as 0% and #FFFEC4 as 100%.

0.0%	0.0% #AB959A	RGB 171 149 154	#AB959A
16.7%	16.7% #B99E9E	RGB 185 158 158	#B99E9E
33.3%	33.3% #C7ACA6	RGB 199 172 166	#C7ACA6
50.0%	50.0% #D5BDAE	RGB 213 189 174	#D5BDAE
66.7%	66.7% #E3D0B6	RGB 227 208 182	#E3D0B6
83.3%	83.3% #F1E5BD	RGB 241 229 189	#F1E5BD
100.0%	100.0% #FFFEC4	RGB 255 254 196	#FFFEC4

#AB959A #B99E9E #C7ACA6 #D5BDAE #E3D0B6 #F1E5BD #FFFEC4

#AB959A - #D5BDAE - #FFFEC4

CSS codes

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

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