#A8A8BC - #495D76 | 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 #495D76

#A8A8BC #495D76

Calculate the color between two colors, #A8A8BC and #495D76. 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 - #495D76 | 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 #495D76 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% #888FA4	RGB 136 143 164	#888FA4
50.0%	50.0% #788299	RGB 120 130 153	#788299
66.7%	66.7% #68768D	RGB 104 118 141	#68768D
83.3%	83.3% #586981	RGB 88 105 129	#586981
100.0%	100.0% #495D76	RGB 73 93 118	#495D76

#A8A8BC #989BB0 #888FA4 #788299 #68768D #586981 #495D76

#A8A8BC - #495D76

HSV Blend

#A8A8BC - #495D76 | 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 #495D76 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% #8488A4	RGB 132 136 164	#8488A4
50.0%	50.0% #737B99	RGB 115 123 153	#737B99
66.7%	66.7% #64708D	RGB 100 112 141	#64708D
83.3%	83.3% #566681	RGB 86 102 129	#566681
100.0%	100.0% #495D76	RGB 73 93 118	#495D76

#A8A8BC #9597B0 #8488A4 #737B99 #64708D #566681 #495D76

#A8A8BC - #737B99 - #495D76

CSS codes

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

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