#E5B05F - #C46F1B | 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 #E5B05F to #C46F1B

#E5B05F #C46F1B

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

#E5B05F - #C46F1B | 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 #E5B05F as 0% and #C46F1B as 100%.

0.0%	0.0% #E5B05F	RGB 229 176 95	#E5B05F
16.7%	16.7% #DFA553	RGB 223 165 83	#DFA553
33.3%	33.3% #DA9A48	RGB 218 154 72	#DA9A48
50.0%	50.0% #D48F3D	RGB 212 143 61	#D48F3D
66.7%	66.7% #CF8431	RGB 207 132 49	#CF8431
83.3%	83.3% #C97926	RGB 201 121 38	#C97926
100.0%	100.0% #C46F1B	RGB 196 111 27	#C46F1B

#E5B05F #DFA553 #DA9A48 #D48F3D #CF8431 #C97926 #C46F1B

#E5B05F - #C46F1B

HSV Blend

#E5B05F - #C46F1B | 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 #E5B05F as 0% and #C46F1B as 100%.

0.0%	0.0% #E5B05F	RGB 229 176 95	#E5B05F
16.7%	16.7% #DFA552	RGB 223 165 82	#DFA552
33.3%	33.3% #DA9A46	RGB 218 154 70	#DA9A46
50.0%	50.0% #D48F3A	RGB 212 143 58	#D48F3A
66.7%	66.7% #CF842F	RGB 207 132 47	#CF842F
83.3%	83.3% #C97925	RGB 201 121 37	#C97925
100.0%	100.0% #C46F1B	RGB 196 111 27	#C46F1B

#E5B05F #DFA552 #DA9A46 #D48F3A #CF842F #C97925 #C46F1B

#E5B05F - #D48F3A - #C46F1B

CSS codes

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

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