#A6C0FF - #4D85EC | 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 #A6C0FF to #4D85EC

#A6C0FF #4D85EC

Calculate the color between two colors, #A6C0FF and #4D85EC. 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)

#A6C0FF - #4D85EC | 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 #A6C0FF as 0% and #4D85EC as 100%.

0.0%	0.0% #A6C0FF	RGB 166 192 255	#A6C0FF
16.7%	16.7% #97B6FB	RGB 151 182 251	#97B6FB
33.3%	33.3% #88ACF8	RGB 136 172 248	#88ACF8
50.0%	50.0% #79A2F5	RGB 121 162 245	#79A2F5
66.7%	66.7% #6A98F2	RGB 106 152 242	#6A98F2
83.3%	83.3% #5B8EEF	RGB 91 142 239	#5B8EEF
100.0%	100.0% #4D85EC	RGB 77 133 236	#4D85EC

#A6C0FF #97B6FB #88ACF8 #79A2F5 #6A98F2 #5B8EEF #4D85EC

#A6C0FF - #4D85EC

HSV Blend

#A6C0FF - #4D85EC | 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 #A6C0FF as 0% and #4D85EC as 100%.

0.0%	0.0% #A6C0FF	RGB 166 192 255	#A6C0FF
16.7%	16.7% #96B4FB	RGB 150 180 251	#96B4FB
33.3%	33.3% #86AAF8	RGB 134 170 248	#86AAF8
50.0%	50.0% #77A0F5	RGB 119 160 245	#77A0F5
66.7%	66.7% #6996F2	RGB 105 150 242	#6996F2
83.3%	83.3% #5A8DEF	RGB 90 141 239	#5A8DEF
100.0%	100.0% #4D85EC	RGB 77 133 236	#4D85EC

#A6C0FF #96B4FB #86AAF8 #77A0F5 #6996F2 #5A8DEF #4D85EC

#A6C0FF - #77A0F5 - #4D85EC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A6C0FF 0%, #77A0F5 50%, #4D85EC 100%);
    background: -webkit-linear-gradient(top, #A6C0FF 0%, #77A0F5 50%, #4D85EC 100%);
    background: linear-gradient(to bottom, #A6C0FF 0%, #77A0F5 50%, #4D85EC 100%);
}
</style>