#FFE6A1 - #D5AF3E | 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 #FFE6A1 to #D5AF3E

#FFE6A1 #D5AF3E

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

#FFE6A1 - #D5AF3E | 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 #FFE6A1 as 0% and #D5AF3E as 100%.

0.0%	0.0% #FFE6A1	RGB 255 230 161	#FFE6A1
16.7%	16.7% #F8DC90	RGB 248 220 144	#F8DC90
33.3%	33.3% #F1D380	RGB 241 211 128	#F1D380
50.0%	50.0% #EACA6F	RGB 234 202 111	#EACA6F
66.7%	66.7% #E3C15F	RGB 227 193 95	#E3C15F
83.3%	83.3% #DCB84E	RGB 220 184 78	#DCB84E
100.0%	100.0% #D5AF3E	RGB 213 175 62	#D5AF3E

#FFE6A1 #F8DC90 #F1D380 #EACA6F #E3C15F #DCB84E #D5AF3E

#FFE6A1 - #D5AF3E

HSV Blend

#FFE6A1 - #D5AF3E | 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 #FFE6A1 as 0% and #D5AF3E as 100%.

0.0%	0.0% #FFE6A1	RGB 255 230 161	#FFE6A1
16.7%	16.7% #F8DC8E	RGB 248 220 142	#F8DC8E
33.3%	33.3% #F1D27C	RGB 241 210 124	#F1D27C
50.0%	50.0% #EAC96B	RGB 234 201 107	#EAC96B
66.7%	66.7% #E3C05B	RGB 227 192 91	#E3C05B
83.3%	83.3% #DCB74C	RGB 220 183 76	#DCB74C
100.0%	100.0% #D5AF3E	RGB 213 175 62	#D5AF3E

#FFE6A1 #F8DC8E #F1D27C #EAC96B #E3C05B #DCB74C #D5AF3E

#FFE6A1 - #EAC96B - #D5AF3E

CSS codes

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

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