#FFDF8F - #EBB13B | 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 #FFDF8F to #EBB13B

#FFDF8F #EBB13B

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

#FFDF8F - #EBB13B | 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 #FFDF8F as 0% and #EBB13B as 100%.

0.0%	0.0% #FFDF8F	RGB 255 223 143	#FFDF8F
16.7%	16.7% #FBD781	RGB 251 215 129	#FBD781
33.3%	33.3% #F8CF73	RGB 248 207 115	#F8CF73
50.0%	50.0% #F5C865	RGB 245 200 101	#F5C865
66.7%	66.7% #F1C057	RGB 241 192 87	#F1C057
83.3%	83.3% #EEB849	RGB 238 184 73	#EEB849
100.0%	100.0% #EBB13B	RGB 235 177 59	#EBB13B

#FFDF8F #FBD781 #F8CF73 #F5C865 #F1C057 #EEB849 #EBB13B

#FFDF8F - #EBB13B

HSV Blend

#FFDF8F - #EBB13B | 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 #FFDF8F as 0% and #EBB13B as 100%.

0.0%	0.0% #FFDF8F	RGB 255 223 143	#FFDF8F
16.7%	16.7% #FBD780	RGB 251 215 128	#FBD780
33.3%	33.3% #F8CF71	RGB 248 207 113	#F8CF71
50.0%	50.0% #F5C863	RGB 245 200 99	#F5C863
66.7%	66.7% #F1C055	RGB 241 192 85	#F1C055
83.3%	83.3% #EEB848	RGB 238 184 72	#EEB848
100.0%	100.0% #EBB13B	RGB 235 177 59	#EBB13B

#FFDF8F #FBD780 #F8CF71 #F5C863 #F1C055 #EEB848 #EBB13B

#FFDF8F - #F5C863 - #EBB13B

CSS codes

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

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