#AF542C - #E8CEC3 | 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 #AF542C to #E8CEC3

#AF542C #E8CEC3

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

#AF542C - #E8CEC3 | 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 #AF542C as 0% and #E8CEC3 as 100%.

0.0%	0.0% #AF542C	RGB 175 84 44	#AF542C
16.7%	16.7% #B86845	RGB 184 104 69	#B86845
33.3%	33.3% #C27C5E	RGB 194 124 94	#C27C5E
50.0%	50.0% #CB9177	RGB 203 145 119	#CB9177
66.7%	66.7% #D5A590	RGB 213 165 144	#D5A590
83.3%	83.3% #DEB9A9	RGB 222 185 169	#DEB9A9
100.0%	100.0% #E8CEC3	RGB 232 206 195	#E8CEC3

#AF542C #B86845 #C27C5E #CB9177 #D5A590 #DEB9A9 #E8CEC3

#AF542C - #E8CEC3

HSV Blend

#AF542C - #E8CEC3 | 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 #AF542C as 0% and #E8CEC3 as 100%.

0.0%	0.0% #AF542B	RGB 175 84 43	#AF542B
16.7%	16.7% #B86440	RGB 184 100 64	#B86440
33.3%	33.3% #C27756	RGB 194 119 86	#C27756
50.0%	50.0% #CB8A6F	RGB 203 138 111	#CB8A6F
66.7%	66.7% #D59F89	RGB 213 159 137	#D59F89
83.3%	83.3% #DEB6A5	RGB 222 182 165	#DEB6A5
100.0%	100.0% #E8CEC3	RGB 232 206 195	#E8CEC3

#AF542B #B86440 #C27756 #CB8A6F #D59F89 #DEB6A5 #E8CEC3

#AF542C - #CB8A6F - #E8CEC3

CSS codes

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

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