#C17E32 - #EDD9C4 | 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 #C17E32 to #EDD9C4

#C17E32 #EDD9C4

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

#C17E32 - #EDD9C4 | 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 #C17E32 as 0% and #EDD9C4 as 100%.

0.0%	0.0% #C17E32	RGB 193 126 50	#C17E32
16.7%	16.7% #C88D4A	RGB 200 141 74	#C88D4A
33.3%	33.3% #CF9C62	RGB 207 156 98	#CF9C62
50.0%	50.0% #D7AB7B	RGB 215 171 123	#D7AB7B
66.7%	66.7% #DEBA93	RGB 222 186 147	#DEBA93
83.3%	83.3% #E5C9AB	RGB 229 201 171	#E5C9AB
100.0%	100.0% #EDD9C4	RGB 237 217 196	#EDD9C4

#C17E32 #C88D4A #CF9C62 #D7AB7B #DEBA93 #E5C9AB #EDD9C4

#C17E32 - #EDD9C4

HSV Blend

#C17E32 - #EDD9C4 | 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 #C17E32 as 0% and #EDD9C4 as 100%.

0.0%	0.0% #C17E32	RGB 193 126 50	#C17E32
16.7%	16.7% #C88B46	RGB 200 139 70	#C88B46
33.3%	33.3% #CF995D	RGB 207 153 93	#CF995D
50.0%	50.0% #D7A874	RGB 215 168 116	#D7A874
66.7%	66.7% #DEB78D	RGB 222 183 141	#DEB78D
83.3%	83.3% #E5C7A8	RGB 229 199 168	#E5C7A8
100.0%	100.0% #EDD9C4	RGB 237 217 196	#EDD9C4

#C17E32 #C88B46 #CF995D #D7A874 #DEB78D #E5C7A8 #EDD9C4

#C17E32 - #D7A874 - #EDD9C4

CSS codes

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

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