#ADB7DB - #31343E | 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 #ADB7DB to #31343E

#ADB7DB #31343E

Calculate the color between two colors, #ADB7DB and #31343E. 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)

#ADB7DB - #31343E | 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 #ADB7DB as 0% and #31343E as 100%.

0.0%	0.0% #ADB7DB	RGB 173 183 219	#ADB7DB
16.7%	16.7% #98A1C0	RGB 152 161 192	#98A1C0
33.3%	33.3% #838BA6	RGB 131 139 166	#838BA6
50.0%	50.0% #6F758C	RGB 111 117 140	#6F758C
66.7%	66.7% #5A5F72	RGB 90 95 114	#5A5F72
83.3%	83.3% #454958	RGB 69 73 88	#454958
100.0%	100.0% #31343E	RGB 49 52 62	#31343E

#ADB7DB #98A1C0 #838BA6 #6F758C #5A5F72 #454958 #31343E

#ADB7DB - #31343E

HSV Blend

#ADB7DB - #31343E | 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 #ADB7DB as 0% and #31343E as 100%.

0.0%	0.0% #ADB7DB	RGB 173 183 219	#ADB7DB
16.7%	16.7% #98A1C0	RGB 152 161 192	#98A1C0
33.3%	33.3% #838BA6	RGB 131 139 166	#838BA6
50.0%	50.0% #6F758C	RGB 111 117 140	#6F758C
66.7%	66.7% #5A5F72	RGB 90 95 114	#5A5F72
83.3%	83.3% #454958	RGB 69 73 88	#454958
100.0%	100.0% #31343E	RGB 49 52 62	#31343E

#ADB7DB #98A1C0 #838BA6 #6F758C #5A5F72 #454958 #31343E

#ADB7DB - #6F758C - #31343E

CSS codes

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

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