#A8BCD1 - #516C92 | 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 #A8BCD1 to #516C92

#A8BCD1 #516C92

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

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

0.0%	0.0% #A8BCD1	RGB 168 188 209	#A8BCD1
16.7%	16.7% #99AEC6	RGB 153 174 198	#99AEC6
33.3%	33.3% #8BA1BC	RGB 139 161 188	#8BA1BC
50.0%	50.0% #7C94B1	RGB 124 148 177	#7C94B1
66.7%	66.7% #6E86A7	RGB 110 134 167	#6E86A7
83.3%	83.3% #5F799C	RGB 95 121 156	#5F799C
100.0%	100.0% #516C92	RGB 81 108 146	#516C92

#A8BCD1 #99AEC6 #8BA1BC #7C94B1 #6E86A7 #5F799C #516C92

#A8BCD1 - #516C92

HSV Blend

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

0.0%	0.0% #A8BCD1	RGB 168 188 209	#A8BCD1
16.7%	16.7% #97ADC6	RGB 151 173 198	#97ADC6
33.3%	33.3% #879FBC	RGB 135 159 188	#879FBC
50.0%	50.0% #7892B1	RGB 120 146 177	#7892B1
66.7%	66.7% #6A85A7	RGB 106 133 167	#6A85A7
83.3%	83.3% #5D789C	RGB 93 120 156	#5D789C
100.0%	100.0% #516C92	RGB 81 108 146	#516C92

#A8BCD1 #97ADC6 #879FBC #7892B1 #6A85A7 #5D789C #516C92

#A8BCD1 - #7892B1 - #516C92

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8BCD1 0%, #7892B1 50%, #516C92 100%);
    background: -webkit-linear-gradient(top, #A8BCD1 0%, #7892B1 50%, #516C92 100%);
    background: linear-gradient(to bottom, #A8BCD1 0%, #7892B1 50%, #516C92 100%);
}
</style>