#A0B5E3 - #4363AA | 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 #A0B5E3 to #4363AA

#A0B5E3 #4363AA

Calculate the color between two colors, #A0B5E3 and #4363AA. 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)

#A0B5E3 - #4363AA | 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 #A0B5E3 as 0% and #4363AA as 100%.

0.0%	0.0% #A0B5E3	RGB 160 181 227	#A0B5E3
16.7%	16.7% #90A7D9	RGB 144 167 217	#90A7D9
33.3%	33.3% #8199D0	RGB 129 153 208	#8199D0
50.0%	50.0% #718CC6	RGB 113 140 198	#718CC6
66.7%	66.7% #627EBD	RGB 98 126 189	#627EBD
83.3%	83.3% #5270B3	RGB 82 112 179	#5270B3
100.0%	100.0% #4363AA	RGB 67 99 170	#4363AA

#A0B5E3 #90A7D9 #8199D0 #718CC6 #627EBD #5270B3 #4363AA

#A0B5E3 - #4363AA

HSV Blend

#A0B5E3 - #4363AA | 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 #A0B5E3 as 0% and #4363AA as 100%.

0.0%	0.0% #A0B5E3	RGB 160 181 227	#A0B5E3
16.7%	16.7% #8EA5D9	RGB 142 165 217	#8EA5D9
33.3%	33.3% #7D96D0	RGB 125 150 208	#7D96D0
50.0%	50.0% #6D88C6	RGB 109 136 198	#6D88C6
66.7%	66.7% #5E7BBD	RGB 94 123 189	#5E7BBD
83.3%	83.3% #506EB3	RGB 80 110 179	#506EB3
100.0%	100.0% #4363AA	RGB 67 99 170	#4363AA

#A0B5E3 #8EA5D9 #7D96D0 #6D88C6 #5E7BBD #506EB3 #4363AA

#A0B5E3 - #6D88C6 - #4363AA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A0B5E3 0%, #6D88C6 50%, #4363AA 100%);
    background: -webkit-linear-gradient(top, #A0B5E3 0%, #6D88C6 50%, #4363AA 100%);
    background: linear-gradient(to bottom, #A0B5E3 0%, #6D88C6 50%, #4363AA 100%);
}
</style>