#A7A8C9 - #475B86 | 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 #A7A8C9 to #475B86

#A7A8C9 #475B86

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

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

0.0%	0.0% #A7A8C9	RGB 167 168 201	#A7A8C9
16.7%	16.7% #979BBD	RGB 151 155 189	#979BBD
33.3%	33.3% #878EB2	RGB 135 142 178	#878EB2
50.0%	50.0% #7781A7	RGB 119 129 167	#7781A7
66.7%	66.7% #67749C	RGB 103 116 156	#67749C
83.3%	83.3% #576791	RGB 87 103 145	#576791
100.0%	100.0% #475B86	RGB 71 91 134	#475B86

#A7A8C9 #979BBD #878EB2 #7781A7 #67749C #576791 #475B86

#A7A8C9 - #475B86

HSV Blend

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

0.0%	0.0% #A7A8C9	RGB 167 168 201	#A7A8C9
16.7%	16.7% #9497BD	RGB 148 151 189	#9497BD
33.3%	33.3% #8288B2	RGB 130 136 178	#8288B2
50.0%	50.0% #717BA7	RGB 113 123 167	#717BA7
66.7%	66.7% #626F9C	RGB 98 111 156	#626F9C
83.3%	83.3% #546491	RGB 84 100 145	#546491
100.0%	100.0% #475B86	RGB 71 91 134	#475B86

#A7A8C9 #9497BD #8288B2 #717BA7 #626F9C #546491 #475B86

#A7A8C9 - #717BA7 - #475B86

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A7A8C9 0%, #717BA7 50%, #475B86 100%);
    background: -webkit-linear-gradient(top, #A7A8C9 0%, #717BA7 50%, #475B86 100%);
    background: linear-gradient(to bottom, #A7A8C9 0%, #717BA7 50%, #475B86 100%);
}
</style>