#A0B5E6 - #4362AE | 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 #A0B5E6 to #4362AE

#A0B5E6 #4362AE

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

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

0.0%	0.0% #A0B5E6	RGB 160 181 230	#A0B5E6
16.7%	16.7% #90A7DC	RGB 144 167 220	#90A7DC
33.3%	33.3% #8199D3	RGB 129 153 211	#8199D3
50.0%	50.0% #718BCA	RGB 113 139 202	#718BCA
66.7%	66.7% #627DC0	RGB 98 125 192	#627DC0
83.3%	83.3% #526FB7	RGB 82 111 183	#526FB7
100.0%	100.0% #4362AE	RGB 67 98 174	#4362AE

#A0B5E6 #90A7DC #8199D3 #718BCA #627DC0 #526FB7 #4362AE

#A0B5E6 - #4362AE

HSV Blend

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

0.0%	0.0% #A0B5E6	RGB 160 181 230	#A0B5E6
16.7%	16.7% #8EA5DC	RGB 142 165 220	#8EA5DC
33.3%	33.3% #7D96D3	RGB 125 150 211	#7D96D3
50.0%	50.0% #6D88CA	RGB 109 136 202	#6D88CA
66.7%	66.7% #5E7BC0	RGB 94 123 192	#5E7BC0
83.3%	83.3% #506EB7	RGB 80 110 183	#506EB7
100.0%	100.0% #4362AE	RGB 67 98 174	#4362AE

#A0B5E6 #8EA5DC #7D96D3 #6D88CA #5E7BC0 #506EB7 #4362AE

#A0B5E6 - #6D88CA - #4362AE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A0B5E6 0%, #6D88CA 50%, #4362AE 100%);
    background: -webkit-linear-gradient(top, #A0B5E6 0%, #6D88CA 50%, #4362AE 100%);
    background: linear-gradient(to bottom, #A0B5E6 0%, #6D88CA 50%, #4362AE 100%);
}
</style>