#A8A8CC - #475A89 | 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 #A8A8CC to #475A89

#A8A8CC #475A89

Calculate the color between two colors, #A8A8CC and #475A89. 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)

#A8A8CC - #475A89 | 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 #A8A8CC as 0% and #475A89 as 100%.

0.0%	0.0% #A8A8CC	RGB 168 168 204	#A8A8CC
16.7%	16.7% #979BC0	RGB 151 155 192	#979BC0
33.3%	33.3% #878EB5	RGB 135 142 181	#878EB5
50.0%	50.0% #7781AA	RGB 119 129 170	#7781AA
66.7%	66.7% #67749F	RGB 103 116 159	#67749F
83.3%	83.3% #576794	RGB 87 103 148	#576794
100.0%	100.0% #475A89	RGB 71 90 137	#475A89

#A8A8CC #979BC0 #878EB5 #7781AA #67749F #576794 #475A89

#A8A8CC - #475A89

HSV Blend

#A8A8CC - #475A89 | 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 #A8A8CC as 0% and #475A89 as 100%.

0.0%	0.0% #A8A8CC	RGB 168 168 204	#A8A8CC
16.7%	16.7% #9497C0	RGB 148 151 192	#9497C0
33.3%	33.3% #8387B5	RGB 131 135 181	#8387B5
50.0%	50.0% #727AAA	RGB 114 122 170	#727AAA
66.7%	66.7% #626E9F	RGB 98 110 159	#626E9F
83.3%	83.3% #546394	RGB 84 99 148	#546394
100.0%	100.0% #475A89	RGB 71 90 137	#475A89

#A8A8CC #9497C0 #8387B5 #727AAA #626E9F #546394 #475A89

#A8A8CC - #727AAA - #475A89

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8A8CC 0%, #727AAA 50%, #475A89 100%);
    background: -webkit-linear-gradient(top, #A8A8CC 0%, #727AAA 50%, #475A89 100%);
    background: linear-gradient(to bottom, #A8A8CC 0%, #727AAA 50%, #475A89 100%);
}
</style>