#A8C0BE - #477885 | 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 #A8C0BE to #477885

#A8C0BE #477885

Calculate the color between two colors, #A8C0BE and #477885. 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)

#A8C0BE - #477885 | 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 #A8C0BE as 0% and #477885 as 100%.

0.0%	0.0% #A8C0BE	RGB 168 192 190	#A8C0BE
16.7%	16.7% #97B4B4	RGB 151 180 180	#97B4B4
33.3%	33.3% #87A8AB	RGB 135 168 171	#87A8AB
50.0%	50.0% #779CA1	RGB 119 156 161	#779CA1
66.7%	66.7% #679098	RGB 103 144 152	#679098
83.3%	83.3% #57848E	RGB 87 132 142	#57848E
100.0%	100.0% #477885	RGB 71 120 133	#477885

#A8C0BE #97B4B4 #87A8AB #779CA1 #679098 #57848E #477885

#A8C0BE - #477885

HSV Blend

#A8C0BE - #477885 | 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 #A8C0BE as 0% and #477885 as 100%.

0.0%	0.0% #A8C0BE	RGB 168 192 190	#A8C0BE
16.7%	16.7% #95B6B5	RGB 149 182 181	#95B6B5
33.3%	33.3% #83ABAC	RGB 131 171 172	#83ABAC
50.0%	50.0% #729FA2	RGB 114 159 162	#729FA2
66.7%	66.7% #629298	RGB 98 146 152	#629298
83.3%	83.3% #54858E	RGB 84 133 142	#54858E
100.0%	100.0% #477885	RGB 71 120 133	#477885

#A8C0BE #95B6B5 #83ABAC #729FA2 #629298 #54858E #477885

#A8C0BE - #729FA2 - #477885

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C0BE 0%, #729FA2 50%, #477885 100%);
    background: -webkit-linear-gradient(top, #A8C0BE 0%, #729FA2 50%, #477885 100%);
    background: linear-gradient(to bottom, #A8C0BE 0%, #729FA2 50%, #477885 100%);
}
</style>