#C98A00 - #EFDDB6 | 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 #C98A00 to #EFDDB6

#C98A00 #EFDDB6

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

#C98A00 - #EFDDB6 | 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 #C98A00 as 0% and #EFDDB6 as 100%.

0.0%	0.0% #C98A00	RGB 201 138 0	#C98A00
16.7%	16.7% #CF971E	RGB 207 151 30	#CF971E
33.3%	33.3% #D5A53C	RGB 213 165 60	#D5A53C
50.0%	50.0% #DCB35B	RGB 220 179 91	#DCB35B
66.7%	66.7% #E2C179	RGB 226 193 121	#E2C179
83.3%	83.3% #E8CF97	RGB 232 207 151	#E8CF97
100.0%	100.0% #EFDDB6	RGB 239 221 182	#EFDDB6

#C98A00 #CF971E #D5A53C #DCB35B #E2C179 #E8CF97 #EFDDB6

#C98A00 - #EFDDB6

HSV Blend

#C98A00 - #EFDDB6 | 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 #C98A00 as 0% and #EFDDB6 as 100%.

0.0%	0.0% #C98A00	RGB 201 138 0	#C98A00
16.7%	16.7% #CF961A	RGB 207 150 26	#CF961A
33.3%	33.3% #D5A336	RGB 213 163 54	#D5A336
50.0%	50.0% #DCB153	RGB 220 177 83	#DCB153
66.7%	66.7% #E2BF72	RGB 226 191 114	#E2BF72
83.3%	83.3% #E8CD93	RGB 232 205 147	#E8CD93
100.0%	100.0% #EFDDB6	RGB 239 221 182	#EFDDB6

#C98A00 #CF961A #D5A336 #DCB153 #E2BF72 #E8CD93 #EFDDB6

#C98A00 - #DCB153 - #EFDDB6

CSS codes

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

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