#A1B5E8 - #4362B1 | 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 #A1B5E8 to #4362B1

#A1B5E8 #4362B1

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

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

0.0%	0.0% #A1B5E8	RGB 161 181 232	#A1B5E8
16.7%	16.7% #91A7DE	RGB 145 167 222	#91A7DE
33.3%	33.3% #8199D5	RGB 129 153 213	#8199D5
50.0%	50.0% #728BCC	RGB 114 139 204	#728BCC
66.7%	66.7% #627DC3	RGB 98 125 195	#627DC3
83.3%	83.3% #526FBA	RGB 82 111 186	#526FBA
100.0%	100.0% #4362B1	RGB 67 98 177	#4362B1

#A1B5E8 #91A7DE #8199D5 #728BCC #627DC3 #526FBA #4362B1

#A1B5E8 - #4362B1

HSV Blend

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

0.0%	0.0% #A1B5E8	RGB 161 181 232	#A1B5E8
16.7%	16.7% #8EA5DE	RGB 142 165 222	#8EA5DE
33.3%	33.3% #7D96D5	RGB 125 150 213	#7D96D5
50.0%	50.0% #6D88CC	RGB 109 136 204	#6D88CC
66.7%	66.7% #5E7AC3	RGB 94 122 195	#5E7AC3
83.3%	83.3% #506EBA	RGB 80 110 186	#506EBA
100.0%	100.0% #4362B1	RGB 67 98 177	#4362B1

#A1B5E8 #8EA5DE #7D96D5 #6D88CC #5E7AC3 #506EBA #4362B1

#A1B5E8 - #6D88CC - #4362B1

CSS codes

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

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