#A16A8F - #F8BBAE | 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 #A16A8F to #F8BBAE

#A16A8F #F8BBAE

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

#A16A8F - #F8BBAE | 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 #A16A8F as 0% and #F8BBAE as 100%.

0.0%	0.0% #A16A8F	RGB 161 106 143	#A16A8F
16.7%	16.7% #AF7794	RGB 175 119 148	#AF7794
33.3%	33.3% #BE8599	RGB 190 133 153	#BE8599
50.0%	50.0% #CC929E	RGB 204 146 158	#CC929E
66.7%	66.7% #DBA0A3	RGB 219 160 163	#DBA0A3
83.3%	83.3% #E9ADA8	RGB 233 173 168	#E9ADA8
100.0%	100.0% #F8BBAE	RGB 248 187 174	#F8BBAE

#A16A8F #AF7794 #BE8599 #CC929E #DBA0A3 #E9ADA8 #F8BBAE

#A16A8F - #F8BBAE

HSV Blend

#A16A8F - #F8BBAE | 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 #A16A8F as 0% and #F8BBAE as 100%.

0.0%	0.0% #A16A8F	RGB 161 106 143	#A16A8F
16.7%	16.7% #AF7493	RGB 175 116 147	#AF7493
33.3%	33.3% #BE7F98	RGB 190 127 152	#BE7F98
50.0%	50.0% #CC8B9B	RGB 204 139 155	#CC8B9B
66.7%	66.7% #DB969D	RGB 219 150 157	#DB969D
83.3%	83.3% #E9A4A2	RGB 233 164 162	#E9A4A2
100.0%	100.0% #F8BBAE	RGB 248 187 174	#F8BBAE

#A16A8F #AF7493 #BE7F98 #CC8B9B #DB969D #E9A4A2 #F8BBAE

#A16A8F - #CC8B9B - #F8BBAE

CSS codes

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

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