#6B9B9D - #AFACB5 | 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 #6B9B9D to #AFACB5

#6B9B9D #AFACB5

Calculate the color between two colors, #6B9B9D and #AFACB5. 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)

#6B9B9D - #AFACB5 | 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 #6B9B9D as 0% and #AFACB5 as 100%.

0.0%	0.0% #6B9B9D	RGB 107 155 157	#6B9B9D
16.7%	16.7% #769DA1	RGB 118 157 161	#769DA1
33.3%	33.3% #81A0A5	RGB 129 160 165	#81A0A5
50.0%	50.0% #8DA3A9	RGB 141 163 169	#8DA3A9
66.7%	66.7% #98A6AD	RGB 152 166 173	#98A6AD
83.3%	83.3% #A3A9B1	RGB 163 169 177	#A3A9B1
100.0%	100.0% #AFACB5	RGB 175 172 181	#AFACB5

#6B9B9D #769DA1 #81A0A5 #8DA3A9 #98A6AD #A3A9B1 #AFACB5

#6B9B9D - #AFACB5

HSV Blend

#6B9B9D - #AFACB5 | 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 #6B9B9D as 0% and #AFACB5 as 100%.

0.0%	0.0% #6B9B9D	RGB 107 155 157	#6B9B9D
16.7%	16.7% #7495A1	RGB 116 149 161	#7495A1
33.3%	33.3% #7F93A5	RGB 127 147 165	#7F93A5
50.0%	50.0% #8993A9	RGB 137 147 169	#8993A9
66.7%	66.7% #9497AD	RGB 148 151 173	#9497AD
83.3%	83.3% #A2A0B1	RGB 162 160 177	#A2A0B1
100.0%	100.0% #AFACB5	RGB 175 172 181	#AFACB5

#6B9B9D #7495A1 #7F93A5 #8993A9 #9497AD #A2A0B1 #AFACB5

#6B9B9D - #8993A9 - #AFACB5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B9B9D 0%, #8993A9 50%, #AFACB5 100%);
    background: -webkit-linear-gradient(top, #6B9B9D 0%, #8993A9 50%, #AFACB5 100%);
    background: linear-gradient(to bottom, #6B9B9D 0%, #8993A9 50%, #AFACB5 100%);
}
</style>