#C17E2D - #EDDAC3 | 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 #C17E2D to #EDDAC3

#C17E2D #EDDAC3

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

#C17E2D - #EDDAC3 | 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 #C17E2D as 0% and #EDDAC3 as 100%.

0.0%	0.0% #C17E2D	RGB 193 126 45	#C17E2D
16.7%	16.7% #C88D46	RGB 200 141 70	#C88D46
33.3%	33.3% #CF9C5F	RGB 207 156 95	#CF9C5F
50.0%	50.0% #D7AC78	RGB 215 172 120	#D7AC78
66.7%	66.7% #DEBB91	RGB 222 187 145	#DEBB91
83.3%	83.3% #E5CAAA	RGB 229 202 170	#E5CAAA
100.0%	100.0% #EDDAC3	RGB 237 218 195	#EDDAC3

#C17E2D #C88D46 #CF9C5F #D7AC78 #DEBB91 #E5CAAA #EDDAC3

#C17E2D - #EDDAC3

HSV Blend

#C17E2D - #EDDAC3 | 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 #C17E2D as 0% and #EDDAC3 as 100%.

0.0%	0.0% #C17E2D	RGB 193 126 45	#C17E2D
16.7%	16.7% #C88B42	RGB 200 139 66	#C88B42
33.3%	33.3% #CF9A59	RGB 207 154 89	#CF9A59
50.0%	50.0% #D7A971	RGB 215 169 113	#D7A971
66.7%	66.7% #DEB88B	RGB 222 184 139	#DEB88B
83.3%	83.3% #E5C9A6	RGB 229 201 166	#E5C9A6
100.0%	100.0% #EDDAC3	RGB 237 218 195	#EDDAC3

#C17E2D #C88B42 #CF9A59 #D7A971 #DEB88B #E5C9A6 #EDDAC3

#C17E2D - #D7A971 - #EDDAC3

CSS codes

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

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