#ADB9F0 - #313444 | 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 #ADB9F0 to #313444

#ADB9F0 #313444

Calculate the color between two colors, #ADB9F0 and #313444. 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)

#ADB9F0 - #313444 | 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 #ADB9F0 as 0% and #313444 as 100%.

0.0%	0.0% #ADB9F0	RGB 173 185 240	#ADB9F0
16.7%	16.7% #98A2D3	RGB 152 162 211	#98A2D3
33.3%	33.3% #838CB6	RGB 131 140 182	#838CB6
50.0%	50.0% #6F769A	RGB 111 118 154	#6F769A
66.7%	66.7% #5A607D	RGB 90 96 125	#5A607D
83.3%	83.3% #454A60	RGB 69 74 96	#454A60
100.0%	100.0% #313444	RGB 49 52 68	#313444

#ADB9F0 #98A2D3 #838CB6 #6F769A #5A607D #454A60 #313444

#ADB9F0 - #313444

HSV Blend

#ADB9F0 - #313444 | 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 #ADB9F0 as 0% and #313444 as 100%.

0.0%	0.0% #ADB9F0	RGB 173 185 240	#ADB9F0
16.7%	16.7% #98A2D3	RGB 152 162 211	#98A2D3
33.3%	33.3% #838CB6	RGB 131 140 182	#838CB6
50.0%	50.0% #6E769A	RGB 110 118 154	#6E769A
66.7%	66.7% #5A607D	RGB 90 96 125	#5A607D
83.3%	83.3% #454A60	RGB 69 74 96	#454A60
100.0%	100.0% #313444	RGB 49 52 68	#313444

#ADB9F0 #98A2D3 #838CB6 #6E769A #5A607D #454A60 #313444

#ADB9F0 - #6E769A - #313444

CSS codes

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

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