#ADBDB8 - #4A817F | 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 #ADBDB8 to #4A817F

#ADBDB8 #4A817F

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

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

0.0%	0.0% #ADBDB8	RGB 173 189 184	#ADBDB8
16.7%	16.7% #9CB3AE	RGB 156 179 174	#9CB3AE
33.3%	33.3% #8CA9A5	RGB 140 169 165	#8CA9A5
50.0%	50.0% #7B9F9B	RGB 123 159 155	#7B9F9B
66.7%	66.7% #6B9592	RGB 107 149 146	#6B9592
83.3%	83.3% #5A8B88	RGB 90 139 136	#5A8B88
100.0%	100.0% #4A817F	RGB 74 129 127	#4A817F

#ADBDB8 #9CB3AE #8CA9A5 #7B9F9B #6B9592 #5A8B88 #4A817F

#ADBDB8 - #4A817F

HSV Blend

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

0.0%	0.0% #ADBDB8	RGB 173 189 184	#ADBDB8
16.7%	16.7% #99B3AC	RGB 153 179 172	#99B3AC
33.3%	33.3% #87A9A1	RGB 135 169 161	#87A9A1
50.0%	50.0% #769F97	RGB 118 159 151	#769F97
66.7%	66.7% #66958F	RGB 102 149 143	#66958F
83.3%	83.3% #578B86	RGB 87 139 134	#578B86
100.0%	100.0% #4A817F	RGB 74 129 127	#4A817F

#ADBDB8 #99B3AC #87A9A1 #769F97 #66958F #578B86 #4A817F

#ADBDB8 - #769F97 - #4A817F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADBDB8 0%, #769F97 50%, #4A817F 100%);
    background: -webkit-linear-gradient(top, #ADBDB8 0%, #769F97 50%, #4A817F 100%);
    background: linear-gradient(to bottom, #ADBDB8 0%, #769F97 50%, #4A817F 100%);
}
</style>