#ADB6EC - #4A62B7 | 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 #ADB6EC to #4A62B7

#ADB6EC #4A62B7

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

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

0.0%	0.0% #ADB6EC	RGB 173 182 236	#ADB6EC
16.7%	16.7% #9CA8E3	RGB 156 168 227	#9CA8E3
33.3%	33.3% #8C9ADA	RGB 140 154 218	#8C9ADA
50.0%	50.0% #7B8CD1	RGB 123 140 209	#7B8CD1
66.7%	66.7% #6B7EC8	RGB 107 126 200	#6B7EC8
83.3%	83.3% #5A70BF	RGB 90 112 191	#5A70BF
100.0%	100.0% #4A62B7	RGB 74 98 183	#4A62B7

#ADB6EC #9CA8E3 #8C9ADA #7B8CD1 #6B7EC8 #5A70BF #4A62B7

#ADB6EC - #4A62B7

HSV Blend

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

0.0%	0.0% #ADB6EC	RGB 173 182 236	#ADB6EC
16.7%	16.7% #9AA5E3	RGB 154 165 227	#9AA5E3
33.3%	33.3% #8895DA	RGB 136 149 218	#8895DA
50.0%	50.0% #7787D1	RGB 119 135 209	#7787D1
66.7%	66.7% #677AC8	RGB 103 122 200	#677AC8
83.3%	83.3% #586DBF	RGB 88 109 191	#586DBF
100.0%	100.0% #4A62B7	RGB 74 98 183	#4A62B7

#ADB6EC #9AA5E3 #8895DA #7787D1 #677AC8 #586DBF #4A62B7

#ADB6EC - #7787D1 - #4A62B7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADB6EC 0%, #7787D1 50%, #4A62B7 100%);
    background: -webkit-linear-gradient(top, #ADB6EC 0%, #7787D1 50%, #4A62B7 100%);
    background: linear-gradient(to bottom, #ADB6EC 0%, #7787D1 50%, #4A62B7 100%);
}
</style>