#A8AFD6 - #495F97 | 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 #A8AFD6 to #495F97

#A8AFD6 #495F97

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

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

0.0%	0.0% #A8AFD6	RGB 168 175 214	#A8AFD6
16.7%	16.7% #98A1CB	RGB 152 161 203	#98A1CB
33.3%	33.3% #8894C1	RGB 136 148 193	#8894C1
50.0%	50.0% #7887B6	RGB 120 135 182	#7887B6
66.7%	66.7% #6879AC	RGB 104 121 172	#6879AC
83.3%	83.3% #586CA1	RGB 88 108 161	#586CA1
100.0%	100.0% #495F97	RGB 73 95 151	#495F97

#A8AFD6 #98A1CB #8894C1 #7887B6 #6879AC #586CA1 #495F97

#A8AFD6 - #495F97

HSV Blend

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

0.0%	0.0% #A8AFD6	RGB 168 175 214	#A8AFD6
16.7%	16.7% #959ECB	RGB 149 158 203	#959ECB
33.3%	33.3% #8490C1	RGB 132 144 193	#8490C1
50.0%	50.0% #7382B6	RGB 115 130 182	#7382B6
66.7%	66.7% #6475AC	RGB 100 117 172	#6475AC
83.3%	83.3% #5669A1	RGB 86 105 161	#5669A1
100.0%	100.0% #495F97	RGB 73 95 151	#495F97

#A8AFD6 #959ECB #8490C1 #7382B6 #6475AC #5669A1 #495F97

#A8AFD6 - #7382B6 - #495F97

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8AFD6 0%, #7382B6 50%, #495F97 100%);
    background: -webkit-linear-gradient(top, #A8AFD6 0%, #7382B6 50%, #495F97 100%);
    background: linear-gradient(to bottom, #A8AFD6 0%, #7382B6 50%, #495F97 100%);
}
</style>