#AB4D8C - #6E033B | 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 #AB4D8C to #6E033B

#AB4D8C #6E033B

Calculate the color between two colors, #AB4D8C and #6E033B. 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)

#AB4D8C - #6E033B | 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 #AB4D8C as 0% and #6E033B as 100%.

0.0%	0.0% #AB4D8C	RGB 171 77 140	#AB4D8C
16.7%	16.7% #A0407E	RGB 160 64 126	#A0407E
33.3%	33.3% #963471	RGB 150 52 113	#963471
50.0%	50.0% #8C2863	RGB 140 40 99	#8C2863
66.7%	66.7% #821B56	RGB 130 27 86	#821B56
83.3%	83.3% #780F48	RGB 120 15 72	#780F48
100.0%	100.0% #6E033B	RGB 110 3 59	#6E033B

#AB4D8C #A0407E #963471 #8C2863 #821B56 #780F48 #6E033B

#AB4D8C - #6E033B

HSV Blend

#AB4D8C - #6E033B | 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 #AB4D8C as 0% and #6E033B as 100%.

0.0%	0.0% #AB4D8C	RGB 171 77 140	#AB4D8C
16.7%	16.7% #A03D7D	RGB 160 61 125	#A03D7D
33.3%	33.3% #962E6F	RGB 150 46 111	#962E6F
50.0%	50.0% #8C2161	RGB 140 33 97	#8C2161
66.7%	66.7% #821553	RGB 130 21 83	#821553
83.3%	83.3% #780B47	RGB 120 11 71	#780B47
100.0%	100.0% #6E033B	RGB 110 3 59	#6E033B

#AB4D8C #A03D7D #962E6F #8C2161 #821553 #780B47 #6E033B

#AB4D8C - #8C2161 - #6E033B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AB4D8C 0%, #8C2161 50%, #6E033B 100%);
    background: -webkit-linear-gradient(top, #AB4D8C 0%, #8C2161 50%, #6E033B 100%);
    background: linear-gradient(to bottom, #AB4D8C 0%, #8C2161 50%, #6E033B 100%);
}
</style>