#ACACB1 - #4D646B | 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 #ACACB1 to #4D646B

#ACACB1 #4D646B

Calculate the color between two colors, #ACACB1 and #4D646B. 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)

#ACACB1 - #4D646B | 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 #ACACB1 as 0% and #4D646B as 100%.

0.0%	0.0% #ACACB1	RGB 172 172 177	#ACACB1
16.7%	16.7% #9CA0A5	RGB 156 160 165	#9CA0A5
33.3%	33.3% #8C9499	RGB 140 148 153	#8C9499
50.0%	50.0% #7C888E	RGB 124 136 142	#7C888E
66.7%	66.7% #6C7C82	RGB 108 124 130	#6C7C82
83.3%	83.3% #5C7076	RGB 92 112 118	#5C7076
100.0%	100.0% #4D646B	RGB 77 100 107	#4D646B

#ACACB1 #9CA0A5 #8C9499 #7C888E #6C7C82 #5C7076 #4D646B

#ACACB1 - #4D646B

HSV Blend

#ACACB1 - #4D646B | 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 #ACACB1 as 0% and #4D646B as 100%.

0.0%	0.0% #ACACB1	RGB 172 172 177	#ACACB1
16.7%	16.7% #999BA5	RGB 153 155 165	#999BA5
33.3%	33.3% #888C99	RGB 136 140 153	#888C99
50.0%	50.0% #78808E	RGB 120 128 142	#78808E
66.7%	66.7% #687582	RGB 104 117 130	#687582
83.3%	83.3% #5A6C76	RGB 90 108 118	#5A6C76
100.0%	100.0% #4D646B	RGB 77 100 107	#4D646B

#ACACB1 #999BA5 #888C99 #78808E #687582 #5A6C76 #4D646B

#ACACB1 - #78808E - #4D646B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ACACB1 0%, #78808E 50%, #4D646B 100%);
    background: -webkit-linear-gradient(top, #ACACB1 0%, #78808E 50%, #4D646B 100%);
    background: linear-gradient(to bottom, #ACACB1 0%, #78808E 50%, #4D646B 100%);
}
</style>