#4C6A8F - #ADB0B2 | 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 #4C6A8F to #ADB0B2

#4C6A8F #ADB0B2

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

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

0.0%	0.0% #4C6A8F	RGB 76 106 143	#4C6A8F
16.7%	16.7% #5C7594	RGB 92 117 148	#5C7594
33.3%	33.3% #6C819A	RGB 108 129 154	#6C819A
50.0%	50.0% #7C8DA0	RGB 124 141 160	#7C8DA0
66.7%	66.7% #8C98A6	RGB 140 152 166	#8C98A6
83.3%	83.3% #9CA4AC	RGB 156 164 172	#9CA4AC
100.0%	100.0% #ADB0B2	RGB 173 176 178	#ADB0B2

#4C6A8F #5C7594 #6C819A #7C8DA0 #8C98A6 #9CA4AC #ADB0B2

#4C6A8F - #ADB0B2

HSV Blend

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

0.0%	0.0% #4C6A8F	RGB 76 106 143	#4C6A8F
16.7%	16.7% #5A7594	RGB 90 117 148	#5A7594
33.3%	33.3% #68819A	RGB 104 129 154	#68819A
50.0%	50.0% #788DA0	RGB 120 141 160	#788DA0
66.7%	66.7% #8999A6	RGB 137 153 166	#8999A6
83.3%	83.3% #9AA4AC	RGB 154 164 172	#9AA4AC
100.0%	100.0% #ADB0B2	RGB 173 176 178	#ADB0B2

#4C6A8F #5A7594 #68819A #788DA0 #8999A6 #9AA4AC #ADB0B2

#4C6A8F - #788DA0 - #ADB0B2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C6A8F 0%, #788DA0 50%, #ADB0B2 100%);
    background: -webkit-linear-gradient(top, #4C6A8F 0%, #788DA0 50%, #ADB0B2 100%);
    background: linear-gradient(to bottom, #4C6A8F 0%, #788DA0 50%, #ADB0B2 100%);
}
</style>