#A8A8B6 - #495F70 | 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 #A8A8B6 to #495F70

#A8A8B6 #495F70

Calculate the color between two colors, #A8A8B6 and #495F70. 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)

#A8A8B6 - #495F70 | 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 #A8A8B6 as 0% and #495F70 as 100%.

0.0%	0.0% #A8A8B6	RGB 168 168 182	#A8A8B6
16.7%	16.7% #989BAA	RGB 152 155 170	#989BAA
33.3%	33.3% #888F9E	RGB 136 143 158	#888F9E
50.0%	50.0% #788393	RGB 120 131 147	#788393
66.7%	66.7% #687787	RGB 104 119 135	#687787
83.3%	83.3% #586B7B	RGB 88 107 123	#586B7B
100.0%	100.0% #495F70	RGB 73 95 112	#495F70

#A8A8B6 #989BAA #888F9E #788393 #687787 #586B7B #495F70

#A8A8B6 - #495F70

HSV Blend

#A8A8B6 - #495F70 | 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 #A8A8B6 as 0% and #495F70 as 100%.

0.0%	0.0% #A8A8B6	RGB 168 168 182	#A8A8B6
16.7%	16.7% #9597AA	RGB 149 151 170	#9597AA
33.3%	33.3% #84899E	RGB 132 137 158	#84899E
50.0%	50.0% #737C93	RGB 115 124 147	#737C93
66.7%	66.7% #647187	RGB 100 113 135	#647187
83.3%	83.3% #56677B	RGB 86 103 123	#56677B
100.0%	100.0% #495F70	RGB 73 95 112	#495F70

#A8A8B6 #9597AA #84899E #737C93 #647187 #56677B #495F70

#A8A8B6 - #737C93 - #495F70

CSS codes

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

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