#A7B5E6 - #4762AE | 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 #A7B5E6 to #4762AE

#A7B5E6 #4762AE

Calculate the color between two colors, #A7B5E6 and #4762AE. 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)

#A7B5E6 - #4762AE | 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 #A7B5E6 as 0% and #4762AE as 100%.

0.0%	0.0% #A7B5E6	RGB 167 181 230	#A7B5E6
16.7%	16.7% #97A7DC	RGB 151 167 220	#97A7DC
33.3%	33.3% #8799D3	RGB 135 153 211	#8799D3
50.0%	50.0% #778BCA	RGB 119 139 202	#778BCA
66.7%	66.7% #677DC0	RGB 103 125 192	#677DC0
83.3%	83.3% #576FB7	RGB 87 111 183	#576FB7
100.0%	100.0% #4762AE	RGB 71 98 174	#4762AE

#A7B5E6 #97A7DC #8799D3 #778BCA #677DC0 #576FB7 #4762AE

#A7B5E6 - #4762AE

HSV Blend

#A7B5E6 - #4762AE | 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 #A7B5E6 as 0% and #4762AE as 100%.

0.0%	0.0% #A7B5E6	RGB 167 181 230	#A7B5E6
16.7%	16.7% #94A5DC	RGB 148 165 220	#94A5DC
33.3%	33.3% #8395D3	RGB 131 149 211	#8395D3
50.0%	50.0% #7287CA	RGB 114 135 202	#7287CA
66.7%	66.7% #637AC0	RGB 99 122 192	#637AC0
83.3%	83.3% #546DB7	RGB 84 109 183	#546DB7
100.0%	100.0% #4762AE	RGB 71 98 174	#4762AE

#A7B5E6 #94A5DC #8395D3 #7287CA #637AC0 #546DB7 #4762AE

#A7B5E6 - #7287CA - #4762AE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A7B5E6 0%, #7287CA 50%, #4762AE 100%);
    background: -webkit-linear-gradient(top, #A7B5E6 0%, #7287CA 50%, #4762AE 100%);
    background: linear-gradient(to bottom, #A7B5E6 0%, #7287CA 50%, #4762AE 100%);
}
</style>