#AA4D50 - #E6CCCC | 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 #AA4D50 to #E6CCCC

#AA4D50 #E6CCCC

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

#AA4D50 - #E6CCCC | 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 #AA4D50 as 0% and #E6CCCC as 100%.

0.0%	0.0% #AA4D50	RGB 170 77 80	#AA4D50
16.7%	16.7% #B46264	RGB 180 98 100	#B46264
33.3%	33.3% #BE7779	RGB 190 119 121	#BE7779
50.0%	50.0% #C88C8E	RGB 200 140 142	#C88C8E
66.7%	66.7% #D2A1A2	RGB 210 161 162	#D2A1A2
83.3%	83.3% #DCB6B7	RGB 220 182 183	#DCB6B7
100.0%	100.0% #E6CCCC	RGB 230 204 204	#E6CCCC

#AA4D50 #B46264 #BE7779 #C88C8E #D2A1A2 #DCB6B7 #E6CCCC

#AA4D50 - #E6CCCC

HSV Blend

#AA4D50 - #E6CCCC | 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 #AA4D50 as 0% and #E6CCCC as 100%.

0.0%	0.0% #AA4D50	RGB 170 77 80	#AA4D50
16.7%	16.7% #B45E60	RGB 180 94 96	#B45E60
33.3%	33.3% #BE7173	RGB 190 113 115	#BE7173
50.0%	50.0% #C88587	RGB 200 133 135	#C88587
66.7%	66.7% #D29B9C	RGB 210 155 156	#D29B9C
83.3%	83.3% #DCB3B3	RGB 220 179 179	#DCB3B3
100.0%	100.0% #E6CCCC	RGB 230 204 204	#E6CCCC

#AA4D50 #B45E60 #BE7173 #C88587 #D29B9C #DCB3B3 #E6CCCC

#AA4D50 - #C88587 - #E6CCCC

CSS codes

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

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