#AF918B - #FFD5AB | 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 #AF918B to #FFD5AB

#AF918B #FFD5AB

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

#AF918B - #FFD5AB | 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 #AF918B as 0% and #FFD5AB as 100%.

0.0%	0.0% #AF918B	RGB 175 145 139	#AF918B
16.7%	16.7% #BC9C90	RGB 188 156 144	#BC9C90
33.3%	33.3% #C9A795	RGB 201 167 149	#C9A795
50.0%	50.0% #D7B39B	RGB 215 179 155	#D7B39B
66.7%	66.7% #E4BEA0	RGB 228 190 160	#E4BEA0
83.3%	83.3% #F1C9A5	RGB 241 201 165	#F1C9A5
100.0%	100.0% #FFD5AB	RGB 255 213 171	#FFD5AB

#AF918B #BC9C90 #C9A795 #D7B39B #E4BEA0 #F1C9A5 #FFD5AB

#AF918B - #FFD5AB

HSV Blend

#AF918B - #FFD5AB | 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 #AF918B as 0% and #FFD5AB as 100%.

0.0%	0.0% #AF918B	RGB 175 145 139	#AF918B
16.7%	16.7% #BC9B91	RGB 188 155 145	#BC9B91
33.3%	33.3% #C9A597	RGB 201 165 151	#C9A597
50.0%	50.0% #D7B09D	RGB 215 176 157	#D7B09D
66.7%	66.7% #E4BCA2	RGB 228 188 162	#E4BCA2
83.3%	83.3% #F1C8A7	RGB 241 200 167	#F1C8A7
100.0%	100.0% #FFD5AB	RGB 255 213 171	#FFD5AB

#AF918B #BC9B91 #C9A597 #D7B09D #E4BCA2 #F1C8A7 #FFD5AB

#AF918B - #D7B09D - #FFD5AB

CSS codes

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

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