#AF7A8B - #FEC5A3 | 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 #AF7A8B to #FEC5A3

#AF7A8B #FEC5A3

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

#AF7A8B - #FEC5A3 | 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 #AF7A8B as 0% and #FEC5A3 as 100%.

0.0%	0.0% #AF7A8B	RGB 175 122 139	#AF7A8B
16.7%	16.7% #BC868F	RGB 188 134 143	#BC868F
33.3%	33.3% #C99393	RGB 201 147 147	#C99393
50.0%	50.0% #D69F97	RGB 214 159 151	#D69F97
66.7%	66.7% #E3AC9B	RGB 227 172 155	#E3AC9B
83.3%	83.3% #F0B89F	RGB 240 184 159	#F0B89F
100.0%	100.0% #FEC5A3	RGB 254 197 163	#FEC5A3

#AF7A8B #BC868F #C99393 #D69F97 #E3AC9B #F0B89F #FEC5A3

#AF7A8B - #FEC5A3

HSV Blend

#AF7A8B - #FEC5A3 | 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 #AF7A8B as 0% and #FEC5A3 as 100%.

0.0%	0.0% #AF7A8B	RGB 175 122 139	#AF7A8B
16.7%	16.7% #BC818D	RGB 188 129 141	#BC818D
33.3%	33.3% #C9888E	RGB 201 136 142	#C9888E
50.0%	50.0% #D6918F	RGB 214 145 143	#D6918F
66.7%	66.7% #E3A196	RGB 227 161 150	#E3A196
83.3%	83.3% #F0B29C	RGB 240 178 156	#F0B29C
100.0%	100.0% #FEC5A3	RGB 254 197 163	#FEC5A3

#AF7A8B #BC818D #C9888E #D6918F #E3A196 #F0B29C #FEC5A3

#AF7A8B - #D6918F - #FEC5A3

CSS codes

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

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