#A8001B - #E6B6BD | 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 #A8001B to #E6B6BD

#A8001B #E6B6BD

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

#A8001B - #E6B6BD | 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 #A8001B as 0% and #E6B6BD as 100%.

0.0%	0.0% #A8001B	RGB 168 0 27	#A8001B
16.7%	16.7% #B21E36	RGB 178 30 54	#B21E36
33.3%	33.3% #BC3C51	RGB 188 60 81	#BC3C51
50.0%	50.0% #C75B6C	RGB 199 91 108	#C75B6C
66.7%	66.7% #D17987	RGB 209 121 135	#D17987
83.3%	83.3% #DB97A2	RGB 219 151 162	#DB97A2
100.0%	100.0% #E6B6BD	RGB 230 182 189	#E6B6BD

#A8001B #B21E36 #BC3C51 #C75B6C #D17987 #DB97A2 #E6B6BD

#A8001B - #E6B6BD

HSV Blend

#A8001B - #E6B6BD | 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 #A8001B as 0% and #E6B6BD as 100%.

0.0%	0.0% #A8001B	RGB 168 0 27	#A8001B
16.7%	16.7% #B21730	RGB 178 23 48	#B21730
33.3%	33.3% #BC3147	RGB 188 49 71	#BC3147
50.0%	50.0% #C74E61	RGB 199 78 97	#C74E61
66.7%	66.7% #D16E7D	RGB 209 110 125	#D16E7D
83.3%	83.3% #DB909B	RGB 219 144 155	#DB909B
100.0%	100.0% #E6B6BD	RGB 230 182 189	#E6B6BD

#A8001B #B21730 #BC3147 #C74E61 #D16E7D #DB909B #E6B6BD

#A8001B - #C74E61 - #E6B6BD

CSS codes

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

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