#E5CB7B - #C7922C | 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 #E5CB7B to #C7922C

#E5CB7B #C7922C

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

#E5CB7B - #C7922C | 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 #E5CB7B as 0% and #C7922C as 100%.

0.0%	0.0% #E5CB7B	RGB 229 203 123	#E5CB7B
16.7%	16.7% #E0C16D	RGB 224 193 109	#E0C16D
33.3%	33.3% #DBB860	RGB 219 184 96	#DBB860
50.0%	50.0% #D6AE53	RGB 214 174 83	#D6AE53
66.7%	66.7% #D1A546	RGB 209 165 70	#D1A546
83.3%	83.3% #CC9B39	RGB 204 155 57	#CC9B39
100.0%	100.0% #C7922C	RGB 199 146 44	#C7922C

#E5CB7B #E0C16D #DBB860 #D6AE53 #D1A546 #CC9B39 #C7922C

#E5CB7B - #C7922C

HSV Blend

#E5CB7B - #C7922C | 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 #E5CB7B as 0% and #C7922C as 100%.

0.0%	0.0% #E5CB7B	RGB 229 203 123	#E5CB7B
16.7%	16.7% #E0C16C	RGB 224 193 108	#E0C16C
33.3%	33.3% #DBB85E	RGB 219 184 94	#DBB85E
50.0%	50.0% #D6AE51	RGB 214 174 81	#D6AE51
66.7%	66.7% #D1A544	RGB 209 165 68	#D1A544
83.3%	83.3% #CC9B37	RGB 204 155 55	#CC9B37
100.0%	100.0% #C7922C	RGB 199 146 44	#C7922C

#E5CB7B #E0C16C #DBB85E #D6AE51 #D1A544 #CC9B37 #C7922C

#E5CB7B - #D6AE51 - #C7922C

CSS codes

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

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