#AB979C - #FDFFC3 | 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 #AB979C to #FDFFC3

#AB979C #FDFFC3

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

#AB979C - #FDFFC3 | 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 #AB979C as 0% and #FDFFC3 as 100%.

0.0%	0.0% #AB979C	RGB 171 151 156	#AB979C
16.7%	16.7% #B8A8A2	RGB 184 168 162	#B8A8A2
33.3%	33.3% #C6B9A9	RGB 198 185 169	#C6B9A9
50.0%	50.0% #D4CBAF	RGB 212 203 175	#D4CBAF
66.7%	66.7% #E1DCB6	RGB 225 220 182	#E1DCB6
83.3%	83.3% #EFEDBC	RGB 239 237 188	#EFEDBC
100.0%	100.0% #FDFFC3	RGB 253 255 195	#FDFFC3

#AB979C #B8A8A2 #C6B9A9 #D4CBAF #E1DCB6 #EFEDBC #FDFFC3

#AB979C - #FDFFC3

HSV Blend

#AB979C - #FDFFC3 | 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 #AB979C as 0% and #FDFFC3 as 100%.

0.0%	0.0% #AB979C	RGB 171 151 156	#AB979C
16.7%	16.7% #B99FA0	RGB 185 159 160	#B99FA0
33.3%	33.3% #C7ADA7	RGB 199 173 167	#C7ADA7
50.0%	50.0% #D5BEAF	RGB 213 190 175	#D5BEAF
66.7%	66.7% #E3D1B6	RGB 227 209 182	#E3D1B6
83.3%	83.3% #F1E7BD	RGB 241 231 189	#F1E7BD
100.0%	100.0% #FDFFC3	RGB 253 255 195	#FDFFC3

#AB979C #B99FA0 #C7ADA7 #D5BEAF #E3D1B6 #F1E7BD #FDFFC3

#AB979C - #D5BEAF - #FDFFC3

CSS codes

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

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