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

#AA4D4F #E6CCCC

Calculate the color between two colors, #AA4D4F 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)

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

0.0%	0.0% #AA4D4F	RGB 170 77 79	#AA4D4F
16.7%	16.7% #B46263	RGB 180 98 99	#B46263
33.3%	33.3% #BE7778	RGB 190 119 120	#BE7778
50.0%	50.0% #C88C8D	RGB 200 140 141	#C88C8D
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

#AA4D4F #B46263 #BE7778 #C88C8D #D2A1A2 #DCB6B7 #E6CCCC

#AA4D4F - #E6CCCC

HSV Blend

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

0.0%	0.0% #AA4D4E	RGB 170 77 78	#AA4D4E
16.7%	16.7% #B45E60	RGB 180 94 96	#B45E60
33.3%	33.3% #BE7172	RGB 190 113 114	#BE7172
50.0%	50.0% #C88586	RGB 200 133 134	#C88586
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

#AA4D4E #B45E60 #BE7172 #C88586 #D29B9C #DCB3B3 #E6CCCC

#AA4D4F - #C88586 - #E6CCCC

CSS codes

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

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