#ADB6E5 - #4C64AC | 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 #ADB6E5 to #4C64AC

#ADB6E5 #4C64AC

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

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

0.0%	0.0% #ADB6E5	RGB 173 182 229	#ADB6E5
16.7%	16.7% #9CA8DB	RGB 156 168 219	#9CA8DB
33.3%	33.3% #8C9AD2	RGB 140 154 210	#8C9AD2
50.0%	50.0% #7C8DC8	RGB 124 141 200	#7C8DC8
66.7%	66.7% #6C7FBF	RGB 108 127 191	#6C7FBF
83.3%	83.3% #5C71B5	RGB 92 113 181	#5C71B5
100.0%	100.0% #4C64AC	RGB 76 100 172	#4C64AC

#ADB6E5 #9CA8DB #8C9AD2 #7C8DC8 #6C7FBF #5C71B5 #4C64AC

#ADB6E5 - #4C64AC

HSV Blend

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

0.0%	0.0% #ADB6E5	RGB 173 182 229	#ADB6E5
16.7%	16.7% #9AA5DB	RGB 154 165 219	#9AA5DB
33.3%	33.3% #8896D2	RGB 136 150 210	#8896D2
50.0%	50.0% #7888C8	RGB 120 136 200	#7888C8
66.7%	66.7% #687BBF	RGB 104 123 191	#687BBF
83.3%	83.3% #596FB5	RGB 89 111 181	#596FB5
100.0%	100.0% #4C64AC	RGB 76 100 172	#4C64AC

#ADB6E5 #9AA5DB #8896D2 #7888C8 #687BBF #596FB5 #4C64AC

#ADB6E5 - #7888C8 - #4C64AC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADB6E5 0%, #7888C8 50%, #4C64AC 100%);
    background: -webkit-linear-gradient(top, #ADB6E5 0%, #7888C8 50%, #4C64AC 100%);
    background: linear-gradient(to bottom, #ADB6E5 0%, #7888C8 50%, #4C64AC 100%);
}
</style>