#ADB7DB - #4F679F | 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 #4F679F

#ADB7DB #4F679F

Calculate the color between two colors, #ADB7DB and #4F679F. 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 - #4F679F | 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 #4F679F as 100%.

0.0%	0.0% #ADB7DB	RGB 173 183 219	#ADB7DB
16.7%	16.7% #9DA9D1	RGB 157 169 209	#9DA9D1
33.3%	33.3% #8D9CC7	RGB 141 156 199	#8D9CC7
50.0%	50.0% #7E8FBD	RGB 126 143 189	#7E8FBD
66.7%	66.7% #6E81B3	RGB 110 129 179	#6E81B3
83.3%	83.3% #5E74A9	RGB 94 116 169	#5E74A9
100.0%	100.0% #4F679F	RGB 79 103 159	#4F679F

#ADB7DB #9DA9D1 #8D9CC7 #7E8FBD #6E81B3 #5E74A9 #4F679F

#ADB7DB - #4F679F

HSV Blend

#ADB7DB - #4F679F | 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 #4F679F as 100%.

0.0%	0.0% #ADB7DB	RGB 173 183 219	#ADB7DB
16.7%	16.7% #9AA7D1	RGB 154 167 209	#9AA7D1
33.3%	33.3% #8998C7	RGB 137 152 199	#8998C7
50.0%	50.0% #798BBD	RGB 121 139 189	#798BBD
66.7%	66.7% #6A7EB3	RGB 106 126 179	#6A7EB3
83.3%	83.3% #5C72A9	RGB 92 114 169	#5C72A9
100.0%	100.0% #4F679F	RGB 79 103 159	#4F679F

#ADB7DB #9AA7D1 #8998C7 #798BBD #6A7EB3 #5C72A9 #4F679F

#ADB7DB - #798BBD - #4F679F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADB7DB 0%, #798BBD 50%, #4F679F 100%);
    background: -webkit-linear-gradient(top, #ADB7DB 0%, #798BBD 50%, #4F679F 100%);
    background: linear-gradient(to bottom, #ADB7DB 0%, #798BBD 50%, #4F679F 100%);
}
</style>