#E4A1A1 - #CE4D4B | 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 #E4A1A1 to #CE4D4B

#E4A1A1 #CE4D4B

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

#E4A1A1 - #CE4D4B | 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 #E4A1A1 as 0% and #CE4D4B as 100%.

0.0%	0.0% #E4A1A1	RGB 228 161 161	#E4A1A1
16.7%	16.7% #E09392	RGB 224 147 146	#E09392
33.3%	33.3% #DC8584	RGB 220 133 132	#DC8584
50.0%	50.0% #D97776	RGB 217 119 118	#D97776
66.7%	66.7% #D56967	RGB 213 105 103	#D56967
83.3%	83.3% #D15B59	RGB 209 91 89	#D15B59
100.0%	100.0% #CE4D4B	RGB 206 77 75	#CE4D4B

#E4A1A1 #E09392 #DC8584 #D97776 #D56967 #D15B59 #CE4D4B

#E4A1A1 - #CE4D4B

HSV Blend

#E4A1A1 - #CE4D4B | 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 #E4A1A1 as 0% and #CE4D4B as 100%.

0.0%	0.0% #E4A1A1	RGB 228 161 161	#E4A1A1
16.7%	16.7% #E09191	RGB 224 145 145	#E09191
33.3%	33.3% #DC8382	RGB 220 131 130	#DC8382
50.0%	50.0% #D97474	RGB 217 116 116	#D97474
66.7%	66.7% #D56765	RGB 213 103 101	#D56765
83.3%	83.3% #D15958	RGB 209 89 88	#D15958
100.0%	100.0% #CE4D4B	RGB 206 77 75	#CE4D4B

#E4A1A1 #E09191 #DC8382 #D97474 #D56765 #D15958 #CE4D4B

#E4A1A1 - #D97474 - #CE4D4B

CSS codes

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

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