#A16062 - #E4D1D1 | 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 #A16062 to #E4D1D1

#A16062 #E4D1D1

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

#A16062 - #E4D1D1 | 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 #A16062 as 0% and #E4D1D1 as 100%.

0.0%	0.0% #A16062	RGB 161 96 98	#A16062
16.7%	16.7% #AC7274	RGB 172 114 116	#AC7274
33.3%	33.3% #B78587	RGB 183 133 135	#B78587
50.0%	50.0% #C29899	RGB 194 152 153	#C29899
66.7%	66.7% #CDABAC	RGB 205 171 172	#CDABAC
83.3%	83.3% #D8BEBE	RGB 216 190 190	#D8BEBE
100.0%	100.0% #E4D1D1	RGB 228 209 209	#E4D1D1

#A16062 #AC7274 #B78587 #C29899 #CDABAC #D8BEBE #E4D1D1

#A16062 - #E4D1D1

HSV Blend

#A16062 - #E4D1D1 | 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 #A16062 as 0% and #E4D1D1 as 100%.

0.0%	0.0% #A16062	RGB 161 96 98	#A16062
16.7%	16.7% #AC6F71	RGB 172 111 113	#AC6F71
33.3%	33.3% #B78082	RGB 183 128 130	#B78082
50.0%	50.0% #C29393	RGB 194 147 147	#C29393
66.7%	66.7% #CDA6A6	RGB 205 166 166	#CDA6A6
83.3%	83.3% #D8BBBB	RGB 216 187 187	#D8BBBB
100.0%	100.0% #E4D1D1	RGB 228 209 209	#E4D1D1

#A16062 #AC6F71 #B78082 #C29393 #CDA6A6 #D8BBBB #E4D1D1

#A16062 - #C29393 - #E4D1D1

CSS codes

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

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