#A16279 - #E4D2D8 | 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 #A16279 to #E4D2D8

#A16279 #E4D2D8

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

#A16279 - #E4D2D8 | 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 #A16279 as 0% and #E4D2D8 as 100%.

0.0%	0.0% #A16279	RGB 161 98 121	#A16279
16.7%	16.7% #AC7488	RGB 172 116 136	#AC7488
33.3%	33.3% #B78798	RGB 183 135 152	#B78798
50.0%	50.0% #C29AA8	RGB 194 154 168	#C29AA8
66.7%	66.7% #CDACB8	RGB 205 172 184	#CDACB8
83.3%	83.3% #D8BFC8	RGB 216 191 200	#D8BFC8
100.0%	100.0% #E4D2D8	RGB 228 210 216	#E4D2D8

#A16279 #AC7488 #B78798 #C29AA8 #CDACB8 #D8BFC8 #E4D2D8

#A16279 - #E4D2D8

HSV Blend

#A16279 - #E4D2D8 | 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 #A16279 as 0% and #E4D2D8 as 100%.

0.0%	0.0% #A16279	RGB 161 98 121	#A16279
16.7%	16.7% #AC7186	RGB 172 113 134	#AC7186
33.3%	33.3% #B78295	RGB 183 130 149	#B78295
50.0%	50.0% #C294A4	RGB 194 148 164	#C294A4
66.7%	66.7% #CDA8B4	RGB 205 168 180	#CDA8B4
83.3%	83.3% #D8BCC6	RGB 216 188 198	#D8BCC6
100.0%	100.0% #E4D2D8	RGB 228 210 216	#E4D2D8

#A16279 #AC7186 #B78295 #C294A4 #CDA8B4 #D8BCC6 #E4D2D8

#A16279 - #C294A4 - #E4D2D8

CSS codes

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

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