#FFAF47 - #ECE670 | 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 #FFAF47 to #ECE670

#FFAF47 #ECE670

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

#FFAF47 - #ECE670 | 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 #FFAF47 as 0% and #ECE670 as 100%.

0.0%	0.0% #FFAF47	RGB 255 175 71	#FFAF47
16.7%	16.7% #FBB84D	RGB 251 184 77	#FBB84D
33.3%	33.3% #F8C154	RGB 248 193 84	#F8C154
50.0%	50.0% #F5CA5B	RGB 245 202 91	#F5CA5B
66.7%	66.7% #F2D362	RGB 242 211 98	#F2D362
83.3%	83.3% #EFDC69	RGB 239 220 105	#EFDC69
100.0%	100.0% #ECE670	RGB 236 230 112	#ECE670

#FFAF47 #FBB84D #F8C154 #F5CA5B #F2D362 #EFDC69 #ECE670

#FFAF47 - #ECE670

HSV Blend

#FFAF47 - #ECE670 | 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 #FFAF47 as 0% and #ECE670 as 100%.

0.0%	0.0% #FFAF47	RGB 255 175 71	#FFAF47
16.7%	16.7% #FBBB4E	RGB 251 187 78	#FBBB4E
33.3%	33.3% #F8C655	RGB 248 198 85	#F8C655
50.0%	50.0% #F5D05C	RGB 245 208 92	#F5D05C
66.7%	66.7% #F2D863	RGB 242 216 99	#F2D863
83.3%	83.3% #EFE069	RGB 239 224 105	#EFE069
100.0%	100.0% #ECE670	RGB 236 230 112	#ECE670

#FFAF47 #FBBB4E #F8C655 #F5D05C #F2D863 #EFE069 #ECE670

#FFAF47 - #F5D05C - #ECE670

CSS codes

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

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