#A1544C - #E4CECB | 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 #A1544C to #E4CECB

#A1544C #E4CECB

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

#A1544C - #E4CECB | 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 #A1544C as 0% and #E4CECB as 100%.

0.0%	0.0% #A1544C	RGB 161 84 76	#A1544C
16.7%	16.7% #AC6861	RGB 172 104 97	#AC6861
33.3%	33.3% #B77C76	RGB 183 124 118	#B77C76
50.0%	50.0% #C2918B	RGB 194 145 139	#C2918B
66.7%	66.7% #CDA5A0	RGB 205 165 160	#CDA5A0
83.3%	83.3% #D8B9B5	RGB 216 185 181	#D8B9B5
100.0%	100.0% #E4CECB	RGB 228 206 203	#E4CECB

#A1544C #AC6861 #B77C76 #C2918B #CDA5A0 #D8B9B5 #E4CECB

#A1544C - #E4CECB

HSV Blend

#A1544C - #E4CECB | 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 #A1544C as 0% and #E4CECB as 100%.

0.0%	0.0% #A1544C	RGB 161 84 76	#A1544C
16.7%	16.7% #AC655D	RGB 172 101 93	#AC655D
33.3%	33.3% #B77770	RGB 183 119 112	#B77770
50.0%	50.0% #C28B84	RGB 194 139 132	#C28B84
66.7%	66.7% #CDA09A	RGB 205 160 154	#CDA09A
83.3%	83.3% #D8B6B1	RGB 216 182 177	#D8B6B1
100.0%	100.0% #E4CECB	RGB 228 206 203	#E4CECB

#A1544C #AC655D #B77770 #C28B84 #CDA09A #D8B6B1 #E4CECB

#A1544C - #C28B84 - #E4CECB

CSS codes

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

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