#4C7E8F - #ADB1B2 | 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 #4C7E8F to #ADB1B2

#4C7E8F #ADB1B2

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

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

0.0%	0.0% #4C7E8F	RGB 76 126 143	#4C7E8F
16.7%	16.7% #5C8694	RGB 92 134 148	#5C8694
33.3%	33.3% #6C8F9A	RGB 108 143 154	#6C8F9A
50.0%	50.0% #7C97A0	RGB 124 151 160	#7C97A0
66.7%	66.7% #8CA0A6	RGB 140 160 166	#8CA0A6
83.3%	83.3% #9CA8AC	RGB 156 168 172	#9CA8AC
100.0%	100.0% #ADB1B2	RGB 173 177 178	#ADB1B2

#4C7E8F #5C8694 #6C8F9A #7C97A0 #8CA0A6 #9CA8AC #ADB1B2

#4C7E8F - #ADB1B2

HSV Blend

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

0.0%	0.0% #4C7E8F	RGB 76 126 143	#4C7E8F
16.7%	16.7% #5A8694	RGB 90 134 148	#5A8694
33.3%	33.3% #688E9A	RGB 104 142 154	#688E9A
50.0%	50.0% #7897A0	RGB 120 151 160	#7897A0
66.7%	66.7% #899FA6	RGB 137 159 166	#899FA6
83.3%	83.3% #9AA8AC	RGB 154 168 172	#9AA8AC
100.0%	100.0% #ADB1B2	RGB 173 177 178	#ADB1B2

#4C7E8F #5A8694 #688E9A #7897A0 #899FA6 #9AA8AC #ADB1B2

#4C7E8F - #7897A0 - #ADB1B2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C7E8F 0%, #7897A0 50%, #ADB1B2 100%);
    background: -webkit-linear-gradient(top, #4C7E8F 0%, #7897A0 50%, #ADB1B2 100%);
    background: linear-gradient(to bottom, #4C7E8F 0%, #7897A0 50%, #ADB1B2 100%);
}
</style>