#9A8484 - #FBCDA7 | 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 #9A8484 to #FBCDA7

#9A8484 #FBCDA7

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

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

0.0%	0.0% #9A8484	RGB 154 132 132	#9A8484
16.7%	16.7% #AA9089	RGB 170 144 137	#AA9089
33.3%	33.3% #BA9C8F	RGB 186 156 143	#BA9C8F
50.0%	50.0% #CAA895	RGB 202 168 149	#CAA895
66.7%	66.7% #DAB49B	RGB 218 180 155	#DAB49B
83.3%	83.3% #EAC0A1	RGB 234 192 161	#EAC0A1
100.0%	100.0% #FBCDA7	RGB 251 205 167	#FBCDA7

#9A8484 #AA9089 #BA9C8F #CAA895 #DAB49B #EAC0A1 #FBCDA7

#9A8484 - #FBCDA7

HSV Blend

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

0.0%	0.0% #9A8484	RGB 154 132 132	#9A8484
16.7%	16.7% #AA8E8C	RGB 170 142 140	#AA8E8C
33.3%	33.3% #BA9993	RGB 186 153 147	#BA9993
50.0%	50.0% #CAA59A	RGB 202 165 154	#CAA59A
66.7%	66.7% #DAB19F	RGB 218 177 159	#DAB19F
83.3%	83.3% #EABEA3	RGB 234 190 163	#EABEA3
100.0%	100.0% #FBCDA7	RGB 251 205 167	#FBCDA7

#9A8484 #AA8E8C #BA9993 #CAA59A #DAB19F #EABEA3 #FBCDA7

#9A8484 - #CAA59A - #FBCDA7

CSS codes

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

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