#ADBFC0 - #626C7E | 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 #ADBFC0 to #626C7E

#ADBFC0 #626C7E

Calculate the color between two colors, #ADBFC0 and #626C7E. 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)

#ADBFC0 - #626C7E | 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 #ADBFC0 as 0% and #626C7E as 100%.

0.0%	0.0% #ADBFC0	RGB 173 191 192	#ADBFC0
16.7%	16.7% #A0B1B5	RGB 160 177 181	#A0B1B5
33.3%	33.3% #94A3AA	RGB 148 163 170	#94A3AA
50.0%	50.0% #87959F	RGB 135 149 159	#87959F
66.7%	66.7% #7B8794	RGB 123 135 148	#7B8794
83.3%	83.3% #6E7989	RGB 110 121 137	#6E7989
100.0%	100.0% #626C7E	RGB 98 108 126	#626C7E

#ADBFC0 #A0B1B5 #94A3AA #87959F #7B8794 #6E7989 #626C7E

#ADBFC0 - #626C7E

HSV Blend

#ADBFC0 - #626C7E | 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 #ADBFC0 as 0% and #626C7E as 100%.

0.0%	0.0% #ADBFC0	RGB 173 191 192	#ADBFC0
16.7%	16.7% #9FB1B5	RGB 159 177 181	#9FB1B5
33.3%	33.3% #92A4AA	RGB 146 164 170	#92A4AA
50.0%	50.0% #85969F	RGB 133 150 159	#85969F
66.7%	66.7% #798894	RGB 121 136 148	#798894
83.3%	83.3% #6D7989	RGB 109 121 137	#6D7989
100.0%	100.0% #626C7E	RGB 98 108 126	#626C7E

#ADBFC0 #9FB1B5 #92A4AA #85969F #798894 #6D7989 #626C7E

#ADBFC0 - #85969F - #626C7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADBFC0 0%, #85969F 50%, #626C7E 100%);
    background: -webkit-linear-gradient(top, #ADBFC0 0%, #85969F 50%, #626C7E 100%);
    background: linear-gradient(to bottom, #ADBFC0 0%, #85969F 50%, #626C7E 100%);
}
</style>