#AB4D80 - #6B0832 | 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 #AB4D80 to #6B0832

#AB4D80 #6B0832

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

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

0.0%	0.0% #AB4D80	RGB 171 77 128	#AB4D80
16.7%	16.7% #A04173	RGB 160 65 115	#A04173
33.3%	33.3% #953666	RGB 149 54 102	#953666
50.0%	50.0% #8B2A59	RGB 139 42 89	#8B2A59
66.7%	66.7% #801F4C	RGB 128 31 76	#801F4C
83.3%	83.3% #75133F	RGB 117 19 63	#75133F
100.0%	100.0% #6B0832	RGB 107 8 50	#6B0832

#AB4D80 #A04173 #953666 #8B2A59 #801F4C #75133F #6B0832

#AB4D80 - #6B0832

HSV Blend

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

0.0%	0.0% #AB4D80	RGB 171 77 128	#AB4D80
16.7%	16.7% #A03E71	RGB 160 62 113	#A03E71
33.3%	33.3% #953063	RGB 149 48 99	#953063
50.0%	50.0% #8B2456	RGB 139 36 86	#8B2456
66.7%	66.7% #801949	RGB 128 25 73	#801949
83.3%	83.3% #75103D	RGB 117 16 61	#75103D
100.0%	100.0% #6B0832	RGB 107 8 50	#6B0832

#AB4D80 #A03E71 #953063 #8B2456 #801949 #75103D #6B0832

#AB4D80 - #8B2456 - #6B0832

CSS codes

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

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