#FFE8AF - #CEAB3E | 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 #FFE8AF to #CEAB3E

#FFE8AF #CEAB3E

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

#FFE8AF - #CEAB3E | 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 #FFE8AF as 0% and #CEAB3E as 100%.

0.0%	0.0% #FFE8AF	RGB 255 232 175	#FFE8AF
16.7%	16.7% #F6DD9C	RGB 246 221 156	#F6DD9C
33.3%	33.3% #EED389	RGB 238 211 137	#EED389
50.0%	50.0% #E6C976	RGB 230 201 118	#E6C976
66.7%	66.7% #DEBF63	RGB 222 191 99	#DEBF63
83.3%	83.3% #D6B550	RGB 214 181 80	#D6B550
100.0%	100.0% #CEAB3E	RGB 206 171 62	#CEAB3E

#FFE8AF #F6DD9C #EED389 #E6C976 #DEBF63 #D6B550 #CEAB3E

#FFE8AF - #CEAB3E

HSV Blend

#FFE8AF - #CEAB3E | 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 #FFE8AF as 0% and #CEAB3E as 100%.

0.0%	0.0% #FFE8AF	RGB 255 232 175	#FFE8AF
16.7%	16.7% #F6DC99	RGB 246 220 153	#F6DC99
33.3%	33.3% #EED185	RGB 238 209 133	#EED185
50.0%	50.0% #E6C771	RGB 230 199 113	#E6C771
66.7%	66.7% #DEBD5F	RGB 222 189 95	#DEBD5F
83.3%	83.3% #D6B44E	RGB 214 180 78	#D6B44E
100.0%	100.0% #CEAB3E	RGB 206 171 62	#CEAB3E

#FFE8AF #F6DC99 #EED185 #E6C771 #DEBD5F #D6B44E #CEAB3E

#FFE8AF - #E6C771 - #CEAB3E

CSS codes

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

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