#AB5E84 - #6F1336 | 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 #AB5E84 to #6F1336

#AB5E84 #6F1336

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

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

0.0%	0.0% #AB5E84	RGB 171 94 132	#AB5E84
16.7%	16.7% #A15177	RGB 161 81 119	#A15177
33.3%	33.3% #97456A	RGB 151 69 106	#97456A
50.0%	50.0% #8D385D	RGB 141 56 93	#8D385D
66.7%	66.7% #832C50	RGB 131 44 80	#832C50
83.3%	83.3% #791F43	RGB 121 31 67	#791F43
100.0%	100.0% #6F1336	RGB 111 19 54	#6F1336

#AB5E84 #A15177 #97456A #8D385D #832C50 #791F43 #6F1336

#AB5E84 - #6F1336

HSV Blend

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

0.0%	0.0% #AB5E83	RGB 171 94 131	#AB5E83
16.7%	16.7% #A14E75	RGB 161 78 117	#A14E75
33.3%	33.3% #973F67	RGB 151 63 103	#973F67
50.0%	50.0% #8D325A	RGB 141 50 90	#8D325A
66.7%	66.7% #83264D	RGB 131 38 77	#83264D
83.3%	83.3% #791C41	RGB 121 28 65	#791C41
100.0%	100.0% #6F1336	RGB 111 19 54	#6F1336

#AB5E83 #A14E75 #973F67 #8D325A #83264D #791C41 #6F1336

#AB5E84 - #8D325A - #6F1336

CSS codes

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

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