#9A8C91 - #FFCFA9 | 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 #9A8C91 to #FFCFA9

#9A8C91 #FFCFA9

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

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

0.0%	0.0% #9A8C91	RGB 154 140 145	#9A8C91
16.7%	16.7% #AA9795	RGB 170 151 149	#AA9795
33.3%	33.3% #BBA299	RGB 187 162 153	#BBA299
50.0%	50.0% #CCAD9D	RGB 204 173 157	#CCAD9D
66.7%	66.7% #DDB8A1	RGB 221 184 161	#DDB8A1
83.3%	83.3% #EEC3A5	RGB 238 195 165	#EEC3A5
100.0%	100.0% #FFCFA9	RGB 255 207 169	#FFCFA9

#9A8C91 #AA9795 #BBA299 #CCAD9D #DDB8A1 #EEC3A5 #FFCFA9

#9A8C91 - #FFCFA9

HSV Blend

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

0.0%	0.0% #9A8C91	RGB 154 140 145	#9A8C91
16.7%	16.7% #AA9499	RGB 170 148 153	#AA9499
33.3%	33.3% #BB9B9E	RGB 187 155 158	#BB9B9E
50.0%	50.0% #CCA2A0	RGB 204 162 160	#CCA2A0
66.7%	66.7% #DDAEA4	RGB 221 174 164	#DDAEA4
83.3%	83.3% #EEBDA7	RGB 238 189 167	#EEBDA7
100.0%	100.0% #FFCFA9	RGB 255 207 169	#FFCFA9

#9A8C91 #AA9499 #BB9B9E #CCA2A0 #DDAEA4 #EEBDA7 #FFCFA9

#9A8C91 - #CCA2A0 - #FFCFA9

CSS codes

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

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