#ABA1B2 - #5D4A66 | 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 #ABA1B2 to #5D4A66

#ABA1B2 #5D4A66

Calculate the color between two colors, #ABA1B2 and #5D4A66. 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)

#ABA1B2 - #5D4A66 | 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 #ABA1B2 as 0% and #5D4A66 as 100%.

0.0%	0.0% #ABA1B2	RGB 171 161 178	#ABA1B2
16.7%	16.7% #9E92A5	RGB 158 146 165	#9E92A5
33.3%	33.3% #918498	RGB 145 132 152	#918498
50.0%	50.0% #84758C	RGB 132 117 140	#84758C
66.7%	66.7% #77677F	RGB 119 103 127	#77677F
83.3%	83.3% #6A5872	RGB 106 88 114	#6A5872
100.0%	100.0% #5D4A66	RGB 93 74 102	#5D4A66

#ABA1B2 #9E92A5 #918498 #84758C #77677F #6A5872 #5D4A66

#ABA1B2 - #5D4A66

HSV Blend

#ABA1B2 - #5D4A66 | 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 #ABA1B2 as 0% and #5D4A66 as 100%.

0.0%	0.0% #ABA1B2	RGB 171 161 178	#ABA1B2
16.7%	16.7% #9D90A5	RGB 157 144 165	#9D90A5
33.3%	33.3% #8F8098	RGB 143 128 152	#8F8098
50.0%	50.0% #82728C	RGB 130 114 140	#82728C
66.7%	66.7% #75637F	RGB 117 99 127	#75637F
83.3%	83.3% #695672	RGB 105 86 114	#695672
100.0%	100.0% #5D4A66	RGB 93 74 102	#5D4A66

#ABA1B2 #9D90A5 #8F8098 #82728C #75637F #695672 #5D4A66

#ABA1B2 - #82728C - #5D4A66

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABA1B2 0%, #82728C 50%, #5D4A66 100%);
    background: -webkit-linear-gradient(top, #ABA1B2 0%, #82728C 50%, #5D4A66 100%);
    background: linear-gradient(to bottom, #ABA1B2 0%, #82728C 50%, #5D4A66 100%);
}
</style>