#AF9F9C - #FFB0B0 | 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 #AF9F9C to #FFB0B0

#AF9F9C #FFB0B0

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

#AF9F9C - #FFB0B0 | 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 #AF9F9C as 0% and #FFB0B0 as 100%.

0.0%	0.0% #AF9F9C	RGB 175 159 156	#AF9F9C
16.7%	16.7% #BCA19F	RGB 188 161 159	#BCA19F
33.3%	33.3% #C9A4A2	RGB 201 164 162	#C9A4A2
50.0%	50.0% #D7A7A6	RGB 215 167 166	#D7A7A6
66.7%	66.7% #E4AAA9	RGB 228 170 169	#E4AAA9
83.3%	83.3% #F1ADAC	RGB 241 173 172	#F1ADAC
100.0%	100.0% #FFB0B0	RGB 255 176 176	#FFB0B0

#AF9F9C #BCA19F #C9A4A2 #D7A7A6 #E4AAA9 #F1ADAC #FFB0B0

#AF9F9C - #FFB0B0

HSV Blend

#AF9F9C - #FFB0B0 | 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 #AF9F9C as 0% and #FFB0B0 as 100%.

0.0%	0.0% #AF9F9C	RGB 175 159 156	#AF9F9C
16.7%	16.7% #BCA5A1	RGB 188 165 161	#BCA5A1
33.3%	33.3% #C9A9A6	RGB 201 169 166	#C9A9A6
50.0%	50.0% #D7ADAA	RGB 215 173 170	#D7ADAA
66.7%	66.7% #E4AFAC	RGB 228 175 172	#E4AFAC
83.3%	83.3% #F1B0AE	RGB 241 176 174	#F1B0AE
100.0%	100.0% #FFB0B0	RGB 255 176 176	#FFB0B0

#AF9F9C #BCA5A1 #C9A9A6 #D7ADAA #E4AFAC #F1B0AE #FFB0B0

#AF9F9C - #D7ADAA - #FFB0B0

CSS codes

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

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