#A8BCCF - #526C90 | 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 #A8BCCF to #526C90

#A8BCCF #526C90

Calculate the color between two colors, #A8BCCF and #526C90. 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)

#A8BCCF - #526C90 | 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 #A8BCCF as 0% and #526C90 as 100%.

0.0%	0.0% #A8BCCF	RGB 168 188 207	#A8BCCF
16.7%	16.7% #99AEC4	RGB 153 174 196	#99AEC4
33.3%	33.3% #8BA1BA	RGB 139 161 186	#8BA1BA
50.0%	50.0% #7D94AF	RGB 125 148 175	#7D94AF
66.7%	66.7% #6E86A5	RGB 110 134 165	#6E86A5
83.3%	83.3% #60799A	RGB 96 121 154	#60799A
100.0%	100.0% #526C90	RGB 82 108 144	#526C90

#A8BCCF #99AEC4 #8BA1BA #7D94AF #6E86A5 #60799A #526C90

#A8BCCF - #526C90

HSV Blend

#A8BCCF - #526C90 | 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 #A8BCCF as 0% and #526C90 as 100%.

0.0%	0.0% #A8BCCF	RGB 168 188 207	#A8BCCF
16.7%	16.7% #97ADC4	RGB 151 173 196	#97ADC4
33.3%	33.3% #87A0BA	RGB 135 160 186	#87A0BA
50.0%	50.0% #7992AF	RGB 121 146 175	#7992AF
66.7%	66.7% #6B85A5	RGB 107 133 165	#6B85A5
83.3%	83.3% #5E789A	RGB 94 120 154	#5E789A
100.0%	100.0% #526C90	RGB 82 108 144	#526C90

#A8BCCF #97ADC4 #87A0BA #7992AF #6B85A5 #5E789A #526C90

#A8BCCF - #7992AF - #526C90

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8BCCF 0%, #7992AF 50%, #526C90 100%);
    background: -webkit-linear-gradient(top, #A8BCCF 0%, #7992AF 50%, #526C90 100%);
    background: linear-gradient(to bottom, #A8BCCF 0%, #7992AF 50%, #526C90 100%);
}
</style>