#9D9F99 - #E4C9AF | 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 #9D9F99 to #E4C9AF

#9D9F99 #E4C9AF

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

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

0.0%	0.0% #9D9F99	RGB 157 159 153	#9D9F99
16.7%	16.7% #A8A69C	RGB 168 166 156	#A8A69C
33.3%	33.3% #B4ADA0	RGB 180 173 160	#B4ADA0
50.0%	50.0% #C0B4A4	RGB 192 180 164	#C0B4A4
66.7%	66.7% #CCBBA7	RGB 204 187 167	#CCBBA7
83.3%	83.3% #D8C2AB	RGB 216 194 171	#D8C2AB
100.0%	100.0% #E4C9AF	RGB 228 201 175	#E4C9AF

#9D9F99 #A8A69C #B4ADA0 #C0B4A4 #CCBBA7 #D8C2AB #E4C9AF

#9D9F99 - #E4C9AF

HSV Blend

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

0.0%	0.0% #9D9F99	RGB 157 159 153	#9D9F99
16.7%	16.7% #A8AA9E	RGB 168 170 158	#A8AA9E
33.3%	33.3% #B5B6A3	RGB 181 182 163	#B5B6A3
50.0%	50.0% #C1BFA7	RGB 193 191 167	#C1BFA7
66.7%	66.7% #CDC5AA	RGB 205 197 170	#CDC5AA
83.3%	83.3% #D8C8AD	RGB 216 200 173	#D8C8AD
100.0%	100.0% #E4C9AF	RGB 228 201 175	#E4C9AF

#9D9F99 #A8AA9E #B5B6A3 #C1BFA7 #CDC5AA #D8C8AD #E4C9AF

#9D9F99 - #C1BFA7 - #E4C9AF

CSS codes

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

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