#9A8185 - #FEC69C | 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 #9A8185 to #FEC69C

#9A8185 #FEC69C

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

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

0.0%	0.0% #9A8185	RGB 154 129 133	#9A8185
16.7%	16.7% #AA8C88	RGB 170 140 136	#AA8C88
33.3%	33.3% #BB988C	RGB 187 152 140	#BB988C
50.0%	50.0% #CCA390	RGB 204 163 144	#CCA390
66.7%	66.7% #DCAF94	RGB 220 175 148	#DCAF94
83.3%	83.3% #EDBA98	RGB 237 186 152	#EDBA98
100.0%	100.0% #FEC69C	RGB 254 198 156	#FEC69C

#9A8185 #AA8C88 #BB988C #CCA390 #DCAF94 #EDBA98 #FEC69C

#9A8185 - #FEC69C

HSV Blend

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

0.0%	0.0% #9A8185	RGB 154 129 133	#9A8185
16.7%	16.7% #AA888A	RGB 170 136 138	#AA888A
33.3%	33.3% #BB908E	RGB 187 144 142	#BB908E
50.0%	50.0% #CC9B94	RGB 204 155 148	#CC9B94
66.7%	66.7% #DCA797	RGB 220 167 151	#DCA797
83.3%	83.3% #EDB59A	RGB 237 181 154	#EDB59A
100.0%	100.0% #FEC69C	RGB 254 198 156	#FEC69C

#9A8185 #AA888A #BB908E #CC9B94 #DCA797 #EDB59A #FEC69C

#9A8185 - #CC9B94 - #FEC69C

CSS codes

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

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