#AF9F98 - #FFDDB4 | 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 #AF9F98 to #FFDDB4

#AF9F98 #FFDDB4

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

#AF9F98 - #FFDDB4 | 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 #AF9F98 as 0% and #FFDDB4 as 100%.

0.0%	0.0% #AF9F98	RGB 175 159 152	#AF9F98
16.7%	16.7% #BCA99C	RGB 188 169 156	#BCA99C
33.3%	33.3% #C9B3A1	RGB 201 179 161	#C9B3A1
50.0%	50.0% #D7BEA6	RGB 215 190 166	#D7BEA6
66.7%	66.7% #E4C8AA	RGB 228 200 170	#E4C8AA
83.3%	83.3% #F1D2AF	RGB 241 210 175	#F1D2AF
100.0%	100.0% #FFDDB4	RGB 255 221 180	#FFDDB4

#AF9F98 #BCA99C #C9B3A1 #D7BEA6 #E4C8AA #F1D2AF #FFDDB4

#AF9F98 - #FFDDB4

HSV Blend

#AF9F98 - #FFDDB4 | 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 #AF9F98 as 0% and #FFDDB4 as 100%.

0.0%	0.0% #AF9F98	RGB 175 159 152	#AF9F98
16.7%	16.7% #BCA89E	RGB 188 168 158	#BCA89E
33.3%	33.3% #C9B2A4	RGB 201 178 164	#C9B2A4
50.0%	50.0% #D7BCA9	RGB 215 188 169	#D7BCA9
66.7%	66.7% #E4C7AD	RGB 228 199 173	#E4C7AD
83.3%	83.3% #F1D1B1	RGB 241 209 177	#F1D1B1
100.0%	100.0% #FFDDB4	RGB 255 221 180	#FFDDB4

#AF9F98 #BCA89E #C9B2A4 #D7BCA9 #E4C7AD #F1D1B1 #FFDDB4

#AF9F98 - #D7BCA9 - #FFDDB4

CSS codes

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

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