#E5D596 - #C2B743 | 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 #E5D596 to #C2B743

#E5D596 #C2B743

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

#E5D596 - #C2B743 | 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 #E5D596 as 0% and #C2B743 as 100%.

0.0%	0.0% #E5D596	RGB 229 213 150	#E5D596
16.7%	16.7% #DFD088	RGB 223 208 136	#DFD088
33.3%	33.3% #D9CB7A	RGB 217 203 122	#D9CB7A
50.0%	50.0% #D3C66C	RGB 211 198 108	#D3C66C
66.7%	66.7% #CDC15E	RGB 205 193 94	#CDC15E
83.3%	83.3% #C7BC50	RGB 199 188 80	#C7BC50
100.0%	100.0% #C2B743	RGB 194 183 67	#C2B743

#E5D596 #DFD088 #D9CB7A #D3C66C #CDC15E #C7BC50 #C2B743

#E5D596 - #C2B743

HSV Blend

#E5D596 - #C2B743 | 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 #E5D596 as 0% and #C2B743 as 100%.

0.0%	0.0% #E5D596	RGB 229 213 150	#E5D596
16.7%	16.7% #DFCE86	RGB 223 206 134	#DFCE86
33.3%	33.3% #D9C977	RGB 217 201 119	#D9C977
50.0%	50.0% #D3C469	RGB 211 196 105	#D3C469
66.7%	66.7% #CDBF5C	RGB 205 191 92	#CDBF5C
83.3%	83.3% #C7BB4F	RGB 199 187 79	#C7BB4F
100.0%	100.0% #C2B743	RGB 194 183 67	#C2B743

#E5D596 #DFCE86 #D9C977 #D3C469 #CDBF5C #C7BB4F #C2B743

#E5D596 - #D3C469 - #C2B743

CSS codes

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

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