#ABBAC6 - #5E6585 | 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 #ABBAC6 to #5E6585

#ABBAC6 #5E6585

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

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

0.0%	0.0% #ABBAC6	RGB 171 186 198	#ABBAC6
16.7%	16.7% #9EABBB	RGB 158 171 187	#9EABBB
33.3%	33.3% #919DB0	RGB 145 157 176	#919DB0
50.0%	50.0% #848FA5	RGB 132 143 165	#848FA5
66.7%	66.7% #77819A	RGB 119 129 154	#77819A
83.3%	83.3% #6A738F	RGB 106 115 143	#6A738F
100.0%	100.0% #5E6585	RGB 94 101 133	#5E6585

#ABBAC6 #9EABBB #919DB0 #848FA5 #77819A #6A738F #5E6585

#ABBAC6 - #5E6585

HSV Blend

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

0.0%	0.0% #ABBAC6	RGB 171 186 198	#ABBAC6
16.7%	16.7% #9CABBB	RGB 156 171 187	#9CABBB
33.3%	33.3% #8F9DB0	RGB 143 157 176	#8F9DB0
50.0%	50.0% #818FA5	RGB 129 143 165	#818FA5
66.7%	66.7% #75809A	RGB 117 128 154	#75809A
83.3%	83.3% #69728F	RGB 105 114 143	#69728F
100.0%	100.0% #5E6585	RGB 94 101 133	#5E6585

#ABBAC6 #9CABBB #8F9DB0 #818FA5 #75809A #69728F #5E6585

#ABBAC6 - #818FA5 - #5E6585

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABBAC6 0%, #818FA5 50%, #5E6585 100%);
    background: -webkit-linear-gradient(top, #ABBAC6 0%, #818FA5 50%, #5E6585 100%);
    background: linear-gradient(to bottom, #ABBAC6 0%, #818FA5 50%, #5E6585 100%);
}
</style>