#A9898B - #FFCC9F | 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 #A9898B to #FFCC9F

#A9898B #FFCC9F

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

#A9898B - #FFCC9F | 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 #A9898B as 0% and #FFCC9F as 100%.

0.0%	0.0% #A9898B	RGB 169 137 139	#A9898B
16.7%	16.7% #B7948E	RGB 183 148 142	#B7948E
33.3%	33.3% #C59F91	RGB 197 159 145	#C59F91
50.0%	50.0% #D4AA95	RGB 212 170 149	#D4AA95
66.7%	66.7% #E2B598	RGB 226 181 152	#E2B598
83.3%	83.3% #F0C09B	RGB 240 192 155	#F0C09B
100.0%	100.0% #FFCC9F	RGB 255 204 159	#FFCC9F

#A9898B #B7948E #C59F91 #D4AA95 #E2B598 #F0C09B #FFCC9F

#A9898B - #FFCC9F

HSV Blend

#A9898B - #FFCC9F | 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 #A9898B as 0% and #FFCC9F as 100%.

0.0%	0.0% #A9898B	RGB 169 137 139	#A9898B
16.7%	16.7% #B78F8E	RGB 183 143 142	#B78F8E
33.3%	33.3% #C59993	RGB 197 153 147	#C59993
50.0%	50.0% #D4A498	RGB 212 164 152	#D4A498
66.7%	66.7% #E2AF9B	RGB 226 175 155	#E2AF9B
83.3%	83.3% #F0BD9D	RGB 240 189 157	#F0BD9D
100.0%	100.0% #FFCC9F	RGB 255 204 159	#FFCC9F

#A9898B #B78F8E #C59993 #D4A498 #E2AF9B #F0BD9D #FFCC9F

#A9898B - #D4A498 - #FFCC9F

CSS codes

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

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