#FFEEB9 - #CFB74C | 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 #FFEEB9 to #CFB74C

#FFEEB9 #CFB74C

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

#FFEEB9 - #CFB74C | 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 #FFEEB9 as 0% and #CFB74C as 100%.

0.0%	0.0% #FFEEB9	RGB 255 238 185	#FFEEB9
16.7%	16.7% #F7E4A6	RGB 247 228 166	#F7E4A6
33.3%	33.3% #EFDB94	RGB 239 219 148	#EFDB94
50.0%	50.0% #E7D282	RGB 231 210 130	#E7D282
66.7%	66.7% #DFC970	RGB 223 201 112	#DFC970
83.3%	83.3% #D7C05E	RGB 215 192 94	#D7C05E
100.0%	100.0% #CFB74C	RGB 207 183 76	#CFB74C

#FFEEB9 #F7E4A6 #EFDB94 #E7D282 #DFC970 #D7C05E #CFB74C

#FFEEB9 - #CFB74C

HSV Blend

#FFEEB9 - #CFB74C | 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 #FFEEB9 as 0% and #CFB74C as 100%.

0.0%	0.0% #FFEEB9	RGB 255 238 185	#FFEEB9
16.7%	16.7% #F7E3A4	RGB 247 227 164	#F7E3A4
33.3%	33.3% #EFDA90	RGB 239 218 144	#EFDA90
50.0%	50.0% #E7D07E	RGB 231 208 126	#E7D07E
66.7%	66.7% #DFC76C	RGB 223 199 108	#DFC76C
83.3%	83.3% #D7BF5B	RGB 215 191 91	#D7BF5B
100.0%	100.0% #CFB74C	RGB 207 183 76	#CFB74C

#FFEEB9 #F7E3A4 #EFDA90 #E7D07E #DFC76C #D7BF5B #CFB74C

#FFEEB9 - #E7D07E - #CFB74C

CSS codes

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

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