#A8C0C9 - #47739E | 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 #A8C0C9 to #47739E

#A8C0C9 #47739E

Calculate the color between two colors, #A8C0C9 and #47739E. 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)

#A8C0C9 - #47739E | 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 #A8C0C9 as 0% and #47739E as 100%.

0.0%	0.0% #A8C0C9	RGB 168 192 201	#A8C0C9
16.7%	16.7% #97B3C1	RGB 151 179 193	#97B3C1
33.3%	33.3% #87A6BA	RGB 135 166 186	#87A6BA
50.0%	50.0% #7799B3	RGB 119 153 179	#7799B3
66.7%	66.7% #678CAC	RGB 103 140 172	#678CAC
83.3%	83.3% #577FA5	RGB 87 127 165	#577FA5
100.0%	100.0% #47739E	RGB 71 115 158	#47739E

#A8C0C9 #97B3C1 #87A6BA #7799B3 #678CAC #577FA5 #47739E

#A8C0C9 - #47739E

HSV Blend

#A8C0C9 - #47739E | 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 #A8C0C9 as 0% and #47739E as 100%.

0.0%	0.0% #A8C0C9	RGB 168 192 201	#A8C0C9
16.7%	16.7% #95B4C1	RGB 149 180 193	#95B4C1
33.3%	33.3% #83A7BA	RGB 131 167 186	#83A7BA
50.0%	50.0% #739AB3	RGB 115 154 179	#739AB3
66.7%	66.7% #638DAC	RGB 99 141 172	#638DAC
83.3%	83.3% #5480A5	RGB 84 128 165	#5480A5
100.0%	100.0% #47739E	RGB 71 115 158	#47739E

#A8C0C9 #95B4C1 #83A7BA #739AB3 #638DAC #5480A5 #47739E

#A8C0C9 - #739AB3 - #47739E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C0C9 0%, #739AB3 50%, #47739E 100%);
    background: -webkit-linear-gradient(top, #A8C0C9 0%, #739AB3 50%, #47739E 100%);
    background: linear-gradient(to bottom, #A8C0C9 0%, #739AB3 50%, #47739E 100%);
}
</style>