#AF978B - #FFD8A8 | 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 #AF978B to #FFD8A8

#AF978B #FFD8A8

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

#AF978B - #FFD8A8 | 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 #AF978B as 0% and #FFD8A8 as 100%.

0.0%	0.0% #AF978B	RGB 175 151 139	#AF978B
16.7%	16.7% #BCA18F	RGB 188 161 143	#BCA18F
33.3%	33.3% #C9AC94	RGB 201 172 148	#C9AC94
50.0%	50.0% #D7B799	RGB 215 183 153	#D7B799
66.7%	66.7% #E4C29E	RGB 228 194 158	#E4C29E
83.3%	83.3% #F1CDA3	RGB 241 205 163	#F1CDA3
100.0%	100.0% #FFD8A8	RGB 255 216 168	#FFD8A8

#AF978B #BCA18F #C9AC94 #D7B799 #E4C29E #F1CDA3 #FFD8A8

#AF978B - #FFD8A8

HSV Blend

#AF978B - #FFD8A8 | 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 #AF978B as 0% and #FFD8A8 as 100%.

0.0%	0.0% #AF978B	RGB 175 151 139	#AF978B
16.7%	16.7% #BCA191	RGB 188 161 145	#BCA191
33.3%	33.3% #C9AB97	RGB 201 171 151	#C9AB97
50.0%	50.0% #D7B69C	RGB 215 182 156	#D7B69C
66.7%	66.7% #E4C1A0	RGB 228 193 160	#E4C1A0
83.3%	83.3% #F1CCA4	RGB 241 204 164	#F1CCA4
100.0%	100.0% #FFD8A8	RGB 255 216 168	#FFD8A8

#AF978B #BCA191 #C9AB97 #D7B69C #E4C1A0 #F1CCA4 #FFD8A8

#AF978B - #D7B69C - #FFD8A8

CSS codes

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

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