#A8A8BC - #4B5B77 | 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 #A8A8BC to #4B5B77

#A8A8BC #4B5B77

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

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

0.0%	0.0% #A8A8BC	RGB 168 168 188	#A8A8BC
16.7%	16.7% #989BB0	RGB 152 155 176	#989BB0
33.3%	33.3% #898EA5	RGB 137 142 165	#898EA5
50.0%	50.0% #798199	RGB 121 129 153	#798199
66.7%	66.7% #6A748E	RGB 106 116 142	#6A748E
83.3%	83.3% #5A6782	RGB 90 103 130	#5A6782
100.0%	100.0% #4B5B77	RGB 75 91 119	#4B5B77

#A8A8BC #989BB0 #898EA5 #798199 #6A748E #5A6782 #4B5B77

#A8A8BC - #4B5B77

HSV Blend

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

0.0%	0.0% #A8A8BC	RGB 168 168 188	#A8A8BC
16.7%	16.7% #9597B0	RGB 149 151 176	#9597B0
33.3%	33.3% #8488A5	RGB 132 136 165	#8488A5
50.0%	50.0% #747B99	RGB 116 123 153	#747B99
66.7%	66.7% #656F8E	RGB 101 111 142	#656F8E
83.3%	83.3% #576482	RGB 87 100 130	#576482
100.0%	100.0% #4B5B77	RGB 75 91 119	#4B5B77

#A8A8BC #9597B0 #8488A5 #747B99 #656F8E #576482 #4B5B77

#A8A8BC - #747B99 - #4B5B77

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8A8BC 0%, #747B99 50%, #4B5B77 100%);
    background: -webkit-linear-gradient(top, #A8A8BC 0%, #747B99 50%, #4B5B77 100%);
    background: linear-gradient(to bottom, #A8A8BC 0%, #747B99 50%, #4B5B77 100%);
}
</style>