#A8BFD4 - #516F97 | 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 #A8BFD4 to #516F97

#A8BFD4 #516F97

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

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

0.0%	0.0% #A8BFD4	RGB 168 191 212	#A8BFD4
16.7%	16.7% #99B1C9	RGB 153 177 201	#99B1C9
33.3%	33.3% #8BA4BF	RGB 139 164 191	#8BA4BF
50.0%	50.0% #7C97B5	RGB 124 151 181	#7C97B5
66.7%	66.7% #6E89AB	RGB 110 137 171	#6E89AB
83.3%	83.3% #5F7CA1	RGB 95 124 161	#5F7CA1
100.0%	100.0% #516F97	RGB 81 111 151	#516F97

#A8BFD4 #99B1C9 #8BA4BF #7C97B5 #6E89AB #5F7CA1 #516F97

#A8BFD4 - #516F97

HSV Blend

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

0.0%	0.0% #A8BFD4	RGB 168 191 212	#A8BFD4
16.7%	16.7% #97B0C9	RGB 151 176 201	#97B0C9
33.3%	33.3% #87A3BF	RGB 135 163 191	#87A3BF
50.0%	50.0% #7895B5	RGB 120 149 181	#7895B5
66.7%	66.7% #6A88AB	RGB 106 136 171	#6A88AB
83.3%	83.3% #5D7BA1	RGB 93 123 161	#5D7BA1
100.0%	100.0% #516F97	RGB 81 111 151	#516F97

#A8BFD4 #97B0C9 #87A3BF #7895B5 #6A88AB #5D7BA1 #516F97

#A8BFD4 - #7895B5 - #516F97

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8BFD4 0%, #7895B5 50%, #516F97 100%);
    background: -webkit-linear-gradient(top, #A8BFD4 0%, #7895B5 50%, #516F97 100%);
    background: linear-gradient(to bottom, #A8BFD4 0%, #7895B5 50%, #516F97 100%);
}
</style>