#FFE4B0 - #CE963E | 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 #FFE4B0 to #CE963E

#FFE4B0 #CE963E

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

#FFE4B0 - #CE963E | 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 #FFE4B0 as 0% and #CE963E as 100%.

0.0%	0.0% #FFE4B0	RGB 255 228 176	#FFE4B0
16.7%	16.7% #F6D79D	RGB 246 215 157	#F6D79D
33.3%	33.3% #EECA8A	RGB 238 202 138	#EECA8A
50.0%	50.0% #E6BD77	RGB 230 189 119	#E6BD77
66.7%	66.7% #DEB064	RGB 222 176 100	#DEB064
83.3%	83.3% #D6A351	RGB 214 163 81	#D6A351
100.0%	100.0% #CE963E	RGB 206 150 62	#CE963E

#FFE4B0 #F6D79D #EECA8A #E6BD77 #DEB064 #D6A351 #CE963E

#FFE4B0 - #CE963E

HSV Blend

#FFE4B0 - #CE963E | 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 #FFE4B0 as 0% and #CE963E as 100%.

0.0%	0.0% #FFE4B0	RGB 255 228 176	#FFE4B0
16.7%	16.7% #F6D69A	RGB 246 214 154	#F6D69A
33.3%	33.3% #EEC985	RGB 238 201 133	#EEC985
50.0%	50.0% #E6BC72	RGB 230 188 114	#E6BC72
66.7%	66.7% #DEAF5F	RGB 222 175 95	#DEAF5F
83.3%	83.3% #D6A24E	RGB 214 162 78	#D6A24E
100.0%	100.0% #CE963E	RGB 206 150 62	#CE963E

#FFE4B0 #F6D69A #EEC985 #E6BC72 #DEAF5F #D6A24E #CE963E

#FFE4B0 - #E6BC72 - #CE963E

CSS codes

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

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