#C38C5D - #EDDDD0 | 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 #C38C5D to #EDDDD0

#C38C5D #EDDDD0

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

#C38C5D - #EDDDD0 | 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 #C38C5D as 0% and #EDDDD0 as 100%.

0.0%	0.0% #C38C5D	RGB 195 140 93	#C38C5D
16.7%	16.7% #CA9970	RGB 202 153 112	#CA9970
33.3%	33.3% #D1A783	RGB 209 167 131	#D1A783
50.0%	50.0% #D8B496	RGB 216 180 150	#D8B496
66.7%	66.7% #DFC2A9	RGB 223 194 169	#DFC2A9
83.3%	83.3% #E6CFBC	RGB 230 207 188	#E6CFBC
100.0%	100.0% #EDDDD0	RGB 237 221 208	#EDDDD0

#C38C5D #CA9970 #D1A783 #D8B496 #DFC2A9 #E6CFBC #EDDDD0

#C38C5D - #EDDDD0

HSV Blend

#C38C5D - #EDDDD0 | 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 #C38C5D as 0% and #EDDDD0 as 100%.

0.0%	0.0% #C38C5D	RGB 195 140 93	#C38C5D
16.7%	16.7% #CA986D	RGB 202 152 109	#CA986D
33.3%	33.3% #D1A47F	RGB 209 164 127	#D1A47F
50.0%	50.0% #D8B192	RGB 216 177 146	#D8B192
66.7%	66.7% #DFBFA5	RGB 223 191 165	#DFBFA5
83.3%	83.3% #E6CEBA	RGB 230 206 186	#E6CEBA
100.0%	100.0% #EDDDD0	RGB 237 221 208	#EDDDD0

#C38C5D #CA986D #D1A47F #D8B192 #DFBFA5 #E6CEBA #EDDDD0

#C38C5D - #D8B192 - #EDDDD0

CSS codes

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

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