#ADADC0 - #4D627C | 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 #ADADC0 to #4D627C

#ADADC0 #4D627C

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

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

0.0%	0.0% #ADADC0	RGB 173 173 192	#ADADC0
16.7%	16.7% #9DA0B4	RGB 157 160 180	#9DA0B4
33.3%	33.3% #8D94A9	RGB 141 148 169	#8D94A9
50.0%	50.0% #7D879E	RGB 125 135 158	#7D879E
66.7%	66.7% #6D7B92	RGB 109 123 146	#6D7B92
83.3%	83.3% #5D6E87	RGB 93 110 135	#5D6E87
100.0%	100.0% #4D627C	RGB 77 98 124	#4D627C

#ADADC0 #9DA0B4 #8D94A9 #7D879E #6D7B92 #5D6E87 #4D627C

#ADADC0 - #4D627C

HSV Blend

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

0.0%	0.0% #ADADC0	RGB 173 173 192	#ADADC0
16.7%	16.7% #9A9CB4	RGB 154 156 180	#9A9CB4
33.3%	33.3% #888DA9	RGB 136 141 169	#888DA9
50.0%	50.0% #78809E	RGB 120 128 158	#78809E
66.7%	66.7% #687592	RGB 104 117 146	#687592
83.3%	83.3% #5A6B87	RGB 90 107 135	#5A6B87
100.0%	100.0% #4D627C	RGB 77 98 124	#4D627C

#ADADC0 #9A9CB4 #888DA9 #78809E #687592 #5A6B87 #4D627C

#ADADC0 - #78809E - #4D627C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADADC0 0%, #78809E 50%, #4D627C 100%);
    background: -webkit-linear-gradient(top, #ADADC0 0%, #78809E 50%, #4D627C 100%);
    background: linear-gradient(to bottom, #ADADC0 0%, #78809E 50%, #4D627C 100%);
}
</style>