#A8BABC - #5C6779 | 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 #A8BABC to #5C6779

#A8BABC #5C6779

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

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

0.0%	0.0% #A8BABC	RGB 168 186 188	#A8BABC
16.7%	16.7% #9BACB0	RGB 155 172 176	#9BACB0
33.3%	33.3% #8E9EA5	RGB 142 158 165	#8E9EA5
50.0%	50.0% #82909A	RGB 130 144 154	#82909A
66.7%	66.7% #75828F	RGB 117 130 143	#75828F
83.3%	83.3% #687484	RGB 104 116 132	#687484
100.0%	100.0% #5C6779	RGB 92 103 121	#5C6779

#A8BABC #9BACB0 #8E9EA5 #82909A #75828F #687484 #5C6779

#A8BABC - #5C6779

HSV Blend

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

0.0%	0.0% #A8BABC	RGB 168 186 188	#A8BABC
16.7%	16.7% #9AACB0	RGB 154 172 176	#9AACB0
33.3%	33.3% #8C9EA5	RGB 140 158 165	#8C9EA5
50.0%	50.0% #7F909A	RGB 127 144 154	#7F909A
66.7%	66.7% #73828F	RGB 115 130 143	#73828F
83.3%	83.3% #677484	RGB 103 116 132	#677484
100.0%	100.0% #5C6779	RGB 92 103 121	#5C6779

#A8BABC #9AACB0 #8C9EA5 #7F909A #73828F #677484 #5C6779

#A8BABC - #7F909A - #5C6779

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8BABC 0%, #7F909A 50%, #5C6779 100%);
    background: -webkit-linear-gradient(top, #A8BABC 0%, #7F909A 50%, #5C6779 100%);
    background: linear-gradient(to bottom, #A8BABC 0%, #7F909A 50%, #5C6779 100%);
}
</style>