#A1605B - #E4D1D0 | 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 #A1605B to #E4D1D0

#A1605B #E4D1D0

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

#A1605B - #E4D1D0 | 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 #A1605B as 0% and #E4D1D0 as 100%.

0.0%	0.0% #A1605B	RGB 161 96 91	#A1605B
16.7%	16.7% #AC726E	RGB 172 114 110	#AC726E
33.3%	33.3% #B78582	RGB 183 133 130	#B78582
50.0%	50.0% #C29895	RGB 194 152 149	#C29895
66.7%	66.7% #CDABA9	RGB 205 171 169	#CDABA9
83.3%	83.3% #D8BEBC	RGB 216 190 188	#D8BEBC
100.0%	100.0% #E4D1D0	RGB 228 209 208	#E4D1D0

#A1605B #AC726E #B78582 #C29895 #CDABA9 #D8BEBC #E4D1D0

#A1605B - #E4D1D0

HSV Blend

#A1605B - #E4D1D0 | 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 #A1605B as 0% and #E4D1D0 as 100%.

0.0%	0.0% #A1605B	RGB 161 96 91	#A1605B
16.7%	16.7% #AC6F6B	RGB 172 111 107	#AC6F6B
33.3%	33.3% #B7807C	RGB 183 128 124	#B7807C
50.0%	50.0% #C2928F	RGB 194 146 143	#C2928F
66.7%	66.7% #CDA6A3	RGB 205 166 163	#CDA6A3
83.3%	83.3% #D8BAB9	RGB 216 186 185	#D8BAB9
100.0%	100.0% #E4D1D0	RGB 228 209 208	#E4D1D0

#A1605B #AC6F6B #B7807C #C2928F #CDA6A3 #D8BAB9 #E4D1D0

#A1605B - #C2928F - #E4D1D0

CSS codes

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

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