#FFAF45 - #FFE8C9 | 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 #FFAF45 to #FFE8C9

#FFAF45 #FFE8C9

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

#FFAF45 - #FFE8C9 | 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 #FFAF45 as 0% and #FFE8C9 as 100%.

0.0%	0.0% #FFAF45	RGB 255 175 69	#FFAF45
16.7%	16.7% #FFB85B	RGB 255 184 91	#FFB85B
33.3%	33.3% #FFC271	RGB 255 194 113	#FFC271
50.0%	50.0% #FFCB87	RGB 255 203 135	#FFCB87
66.7%	66.7% #FFD59D	RGB 255 213 157	#FFD59D
83.3%	83.3% #FFDEB3	RGB 255 222 179	#FFDEB3
100.0%	100.0% #FFE8C9	RGB 255 232 201	#FFE8C9

#FFAF45 #FFB85B #FFC271 #FFCB87 #FFD59D #FFDEB3 #FFE8C9

#FFAF45 - #FFE8C9

HSV Blend

#FFAF45 - #FFE8C9 | 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 #FFAF45 as 0% and #FFE8C9 as 100%.

0.0%	0.0% #FFAF45	RGB 255 175 69	#FFAF45
16.7%	16.7% #FFB85B	RGB 255 184 91	#FFB85B
33.3%	33.3% #FFC271	RGB 255 194 113	#FFC271
50.0%	50.0% #FFCB87	RGB 255 203 135	#FFCB87
66.7%	66.7% #FFD59D	RGB 255 213 157	#FFD59D
83.3%	83.3% #FFDEB3	RGB 255 222 179	#FFDEB3
100.0%	100.0% #FFE8C9	RGB 255 232 201	#FFE8C9

#FFAF45 #FFB85B #FFC271 #FFCB87 #FFD59D #FFDEB3 #FFE8C9

#FFAF45 - #FFCB87 - #FFE8C9

CSS codes

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

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