#ADBBC1 - #5C6A7E | 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 #ADBBC1 to #5C6A7E

#ADBBC1 #5C6A7E

Calculate the color between two colors, #ADBBC1 and #5C6A7E. 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)

#ADBBC1 - #5C6A7E | 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 #ADBBC1 as 0% and #5C6A7E as 100%.

0.0%	0.0% #ADBBC1	RGB 173 187 193	#ADBBC1
16.7%	16.7% #9FADB5	RGB 159 173 181	#9FADB5
33.3%	33.3% #92A0AA	RGB 146 160 170	#92A0AA
50.0%	50.0% #84929F	RGB 132 146 159	#84929F
66.7%	66.7% #778594	RGB 119 133 148	#778594
83.3%	83.3% #697789	RGB 105 119 137	#697789
100.0%	100.0% #5C6A7E	RGB 92 106 126	#5C6A7E

#ADBBC1 #9FADB5 #92A0AA #84929F #778594 #697789 #5C6A7E

#ADBBC1 - #5C6A7E

HSV Blend

#ADBBC1 - #5C6A7E | 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 #ADBBC1 as 0% and #5C6A7E as 100%.

0.0%	0.0% #ADBBC1	RGB 173 187 193	#ADBBC1
16.7%	16.7% #9DADB5	RGB 157 173 181	#9DADB5
33.3%	33.3% #8F9FAA	RGB 143 159 170	#8F9FAA
50.0%	50.0% #81929F	RGB 129 146 159	#81929F
66.7%	66.7% #748494	RGB 116 132 148	#748494
83.3%	83.3% #677789	RGB 103 119 137	#677789
100.0%	100.0% #5C6A7E	RGB 92 106 126	#5C6A7E

#ADBBC1 #9DADB5 #8F9FAA #81929F #748494 #677789 #5C6A7E

#ADBBC1 - #81929F - #5C6A7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADBBC1 0%, #81929F 50%, #5C6A7E 100%);
    background: -webkit-linear-gradient(top, #ADBBC1 0%, #81929F 50%, #5C6A7E 100%);
    background: linear-gradient(to bottom, #ADBBC1 0%, #81929F 50%, #5C6A7E 100%);
}
</style>