#AA0C0C - #E6B9B9 | 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 #AA0C0C to #E6B9B9

#AA0C0C #E6B9B9

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

#AA0C0C - #E6B9B9 | 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 #AA0C0C as 0% and #E6B9B9 as 100%.

0.0%	0.0% #AA0C0C	RGB 170 12 12	#AA0C0C
16.7%	16.7% #B42828	RGB 180 40 40	#B42828
33.3%	33.3% #BE4545	RGB 190 69 69	#BE4545
50.0%	50.0% #C86262	RGB 200 98 98	#C86262
66.7%	66.7% #D27F7F	RGB 210 127 127	#D27F7F
83.3%	83.3% #DC9C9C	RGB 220 156 156	#DC9C9C
100.0%	100.0% #E6B9B9	RGB 230 185 185	#E6B9B9

#AA0C0C #B42828 #BE4545 #C86262 #D27F7F #DC9C9C #E6B9B9

#AA0C0C - #E6B9B9

HSV Blend

#AA0C0C - #E6B9B9 | 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 #AA0C0C as 0% and #E6B9B9 as 100%.

0.0%	0.0% #AA0B0B	RGB 170 11 11	#AA0B0B
16.7%	16.7% #B42222	RGB 180 34 34	#B42222
33.3%	33.3% #BE3B3B	RGB 190 59 59	#BE3B3B
50.0%	50.0% #C85757	RGB 200 87 87	#C85757
66.7%	66.7% #D27575	RGB 210 117 117	#D27575
83.3%	83.3% #DC9696	RGB 220 150 150	#DC9696
100.0%	100.0% #E6B9B9	RGB 230 185 185	#E6B9B9

#AA0B0B #B42222 #BE3B3B #C85757 #D27575 #DC9696 #E6B9B9

#AA0C0C - #C85757 - #E6B9B9

CSS codes

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

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