#AB5B86 - #6F1037 | 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 #AB5B86 to #6F1037

#AB5B86 #6F1037

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

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

0.0%	0.0% #AB5B86	RGB 171 91 134	#AB5B86
16.7%	16.7% #A14E78	RGB 161 78 120	#A14E78
33.3%	33.3% #97426B	RGB 151 66 107	#97426B
50.0%	50.0% #8D355E	RGB 141 53 94	#8D355E
66.7%	66.7% #832951	RGB 131 41 81	#832951
83.3%	83.3% #791C44	RGB 121 28 68	#791C44
100.0%	100.0% #6F1037	RGB 111 16 55	#6F1037

#AB5B86 #A14E78 #97426B #8D355E #832951 #791C44 #6F1037

#AB5B86 - #6F1037

HSV Blend

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

0.0%	0.0% #AB5B86	RGB 171 91 134	#AB5B86
16.7%	16.7% #A14B77	RGB 161 75 119	#A14B77
33.3%	33.3% #973C69	RGB 151 60 105	#973C69
50.0%	50.0% #8D2F5B	RGB 141 47 91	#8D2F5B
66.7%	66.7% #83234E	RGB 131 35 78	#83234E
83.3%	83.3% #791942	RGB 121 25 66	#791942
100.0%	100.0% #6F1037	RGB 111 16 55	#6F1037

#AB5B86 #A14B77 #973C69 #8D2F5B #83234E #791942 #6F1037

#AB5B86 - #8D2F5B - #6F1037

CSS codes

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

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