#FFD37B - #E5BD2E | 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 #FFD37B to #E5BD2E

#FFD37B #E5BD2E

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

#FFD37B - #E5BD2E | 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 #FFD37B as 0% and #E5BD2E as 100%.

0.0%	0.0% #FFD37B	RGB 255 211 123	#FFD37B
16.7%	16.7% #FACF6E	RGB 250 207 110	#FACF6E
33.3%	33.3% #F6CB61	RGB 246 203 97	#F6CB61
50.0%	50.0% #F2C854	RGB 242 200 84	#F2C854
66.7%	66.7% #EDC447	RGB 237 196 71	#EDC447
83.3%	83.3% #E9C03A	RGB 233 192 58	#E9C03A
100.0%	100.0% #E5BD2E	RGB 229 189 46	#E5BD2E

#FFD37B #FACF6E #F6CB61 #F2C854 #EDC447 #E9C03A #E5BD2E

#FFD37B - #E5BD2E

HSV Blend

#FFD37B - #E5BD2E | 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 #FFD37B as 0% and #E5BD2E as 100%.

0.0%	0.0% #FFD37B	RGB 255 211 123	#FFD37B
16.7%	16.7% #FACE6D	RGB 250 206 109	#FACE6D
33.3%	33.3% #F6C95F	RGB 246 201 95	#F6C95F
50.0%	50.0% #F2C652	RGB 242 198 82	#F2C652
66.7%	66.7% #EDC246	RGB 237 194 70	#EDC246
83.3%	83.3% #E9BF39	RGB 233 191 57	#E9BF39
100.0%	100.0% #E5BD2E	RGB 229 189 46	#E5BD2E

#FFD37B #FACE6D #F6C95F #F2C652 #EDC246 #E9BF39 #E5BD2E

#FFD37B - #F2C652 - #E5BD2E

CSS codes

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

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