#A4B5E3 - #4663AA | 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 #A4B5E3 to #4663AA

#A4B5E3 #4663AA

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

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

0.0%	0.0% #A4B5E3	RGB 164 181 227	#A4B5E3
16.7%	16.7% #94A7D9	RGB 148 167 217	#94A7D9
33.3%	33.3% #8499D0	RGB 132 153 208	#8499D0
50.0%	50.0% #758CC6	RGB 117 140 198	#758CC6
66.7%	66.7% #657EBD	RGB 101 126 189	#657EBD
83.3%	83.3% #5570B3	RGB 85 112 179	#5570B3
100.0%	100.0% #4663AA	RGB 70 99 170	#4663AA

#A4B5E3 #94A7D9 #8499D0 #758CC6 #657EBD #5570B3 #4663AA

#A4B5E3 - #4663AA

HSV Blend

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

0.0%	0.0% #A4B5E3	RGB 164 181 227	#A4B5E3
16.7%	16.7% #91A5D9	RGB 145 165 217	#91A5D9
33.3%	33.3% #8096D0	RGB 128 150 208	#8096D0
50.0%	50.0% #7088C6	RGB 112 136 198	#7088C6
66.7%	66.7% #617BBD	RGB 97 123 189	#617BBD
83.3%	83.3% #536EB3	RGB 83 110 179	#536EB3
100.0%	100.0% #4663AA	RGB 70 99 170	#4663AA

#A4B5E3 #91A5D9 #8096D0 #7088C6 #617BBD #536EB3 #4663AA

#A4B5E3 - #7088C6 - #4663AA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A4B5E3 0%, #7088C6 50%, #4663AA 100%);
    background: -webkit-linear-gradient(top, #A4B5E3 0%, #7088C6 50%, #4663AA 100%);
    background: linear-gradient(to bottom, #A4B5E3 0%, #7088C6 50%, #4663AA 100%);
}
</style>