#A8CACB - #56808B | 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 #A8CACB to #56808B

#A8CACB #56808B

Calculate the color between two colors, #A8CACB and #56808B. 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)

#A8CACB - #56808B | 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 #A8CACB as 0% and #56808B as 100%.

0.0%	0.0% #A8CACB	RGB 168 202 203	#A8CACB
16.7%	16.7% #9ABDC0	RGB 154 189 192	#9ABDC0
33.3%	33.3% #8CB1B5	RGB 140 177 181	#8CB1B5
50.0%	50.0% #7FA5AB	RGB 127 165 171	#7FA5AB
66.7%	66.7% #7198A0	RGB 113 152 160	#7198A0
83.3%	83.3% #638C95	RGB 99 140 149	#638C95
100.0%	100.0% #56808B	RGB 86 128 139	#56808B

#A8CACB #9ABDC0 #8CB1B5 #7FA5AB #7198A0 #638C95 #56808B

#A8CACB - #56808B

HSV Blend

#A8CACB - #56808B | 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 #A8CACB as 0% and #56808B as 100%.

0.0%	0.0% #A8CACB	RGB 168 202 203	#A8CACB
16.7%	16.7% #98BEC0	RGB 152 190 192	#98BEC0
33.3%	33.3% #89B1B5	RGB 137 177 181	#89B1B5
50.0%	50.0% #7BA5AB	RGB 123 165 171	#7BA5AB
66.7%	66.7% #6E98A0	RGB 110 152 160	#6E98A0
83.3%	83.3% #618C95	RGB 97 140 149	#618C95
100.0%	100.0% #56808B	RGB 86 128 139	#56808B

#A8CACB #98BEC0 #89B1B5 #7BA5AB #6E98A0 #618C95 #56808B

#A8CACB - #7BA5AB - #56808B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8CACB 0%, #7BA5AB 50%, #56808B 100%);
    background: -webkit-linear-gradient(top, #A8CACB 0%, #7BA5AB 50%, #56808B 100%);
    background: linear-gradient(to bottom, #A8CACB 0%, #7BA5AB 50%, #56808B 100%);
}
</style>