#9FAB8C - #F0DFA6 | 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 #9FAB8C to #F0DFA6

#9FAB8C #F0DFA6

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

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

0.0%	0.0% #9FAB8C	RGB 159 171 140	#9FAB8C
16.7%	16.7% #ACB390	RGB 172 179 144	#ACB390
33.3%	33.3% #BABC94	RGB 186 188 148	#BABC94
50.0%	50.0% #C7C599	RGB 199 197 153	#C7C599
66.7%	66.7% #D5CD9D	RGB 213 205 157	#D5CD9D
83.3%	83.3% #E2D6A1	RGB 226 214 161	#E2D6A1
100.0%	100.0% #F0DFA6	RGB 240 223 166	#F0DFA6

#9FAB8C #ACB390 #BABC94 #C7C599 #D5CD9D #E2D6A1 #F0DFA6

#9FAB8C - #F0DFA6

HSV Blend

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

0.0%	0.0% #9FAB8C	RGB 159 171 140	#9FAB8C
16.7%	16.7% #ABB691	RGB 171 182 145	#ABB691
33.3%	33.3% #BAC296	RGB 186 194 150	#BAC296
50.0%	50.0% #C9CD9B	RGB 201 205 155	#C9CD9B
66.7%	66.7% #D9D79F	RGB 217 215 159	#D9D79F
83.3%	83.3% #E4DCA2	RGB 228 220 162	#E4DCA2
100.0%	100.0% #F0DFA6	RGB 240 223 166	#F0DFA6

#9FAB8C #ABB691 #BAC296 #C9CD9B #D9D79F #E4DCA2 #F0DFA6

#9FAB8C - #C9CD9B - #F0DFA6

CSS codes

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

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