#9A818C - #FBA4A6 | 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 #9A818C to #FBA4A6

#9A818C #FBA4A6

Calculate the color between two colors, #9A818C and #FBA4A6. 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)

#9A818C - #FBA4A6 | 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 #9A818C as 0% and #FBA4A6 as 100%.

0.0%	0.0% #9A818C	RGB 154 129 140	#9A818C
16.7%	16.7% #AA8690	RGB 170 134 144	#AA8690
33.3%	33.3% #BA8C94	RGB 186 140 148	#BA8C94
50.0%	50.0% #CA9299	RGB 202 146 153	#CA9299
66.7%	66.7% #DA989D	RGB 218 152 157	#DA989D
83.3%	83.3% #EA9EA1	RGB 234 158 161	#EA9EA1
100.0%	100.0% #FBA4A6	RGB 251 164 166	#FBA4A6

#9A818C #AA8690 #BA8C94 #CA9299 #DA989D #EA9EA1 #FBA4A6

#9A818C - #FBA4A6

HSV Blend

#9A818C - #FBA4A6 | 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 #9A818C as 0% and #FBA4A6 as 100%.

0.0%	0.0% #9A818C	RGB 154 129 140	#9A818C
16.7%	16.7% #AA8995	RGB 170 137 149	#AA8995
33.3%	33.3% #BA909D	RGB 186 144 157	#BA909D
50.0%	50.0% #CA96A2	RGB 202 150 162	#CA96A2
66.7%	66.7% #DA9CA6	RGB 218 156 166	#DA9CA6
83.3%	83.3% #EAA0A7	RGB 234 160 167	#EAA0A7
100.0%	100.0% #FBA4A6	RGB 251 164 166	#FBA4A6

#9A818C #AA8995 #BA909D #CA96A2 #DA9CA6 #EAA0A7 #FBA4A6

#9A818C - #CA96A2 - #FBA4A6

CSS codes

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

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