#6B6B6F - #8EB9CD | 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 #6B6B6F to #8EB9CD

#6B6B6F #8EB9CD

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

#6B6B6F - #8EB9CD | 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 #6B6B6F as 0% and #8EB9CD as 100%.

0.0%	0.0% #6B6B6F	RGB 107 107 111	#6B6B6F
16.7%	16.7% #70787E	RGB 112 120 126	#70787E
33.3%	33.3% #76858E	RGB 118 133 142	#76858E
50.0%	50.0% #7C929E	RGB 124 146 158	#7C929E
66.7%	66.7% #829FAD	RGB 130 159 173	#829FAD
83.3%	83.3% #88ACBD	RGB 136 172 189	#88ACBD
100.0%	100.0% #8EB9CD	RGB 142 185 205	#8EB9CD

#6B6B6F #70787E #76858E #7C929E #829FAD #88ACBD #8EB9CD

#6B6B6F - #8EB9CD

HSV Blend

#6B6B6F - #8EB9CD | 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 #6B6B6F as 0% and #8EB9CD as 100%.

0.0%	0.0% #6B6B6F	RGB 107 107 111	#6B6B6F
16.7%	16.7% #74757E	RGB 116 117 126	#74757E
33.3%	33.3% #7C808E	RGB 124 128 142	#7C808E
50.0%	50.0% #828C9E	RGB 130 140 158	#828C9E
66.7%	66.7% #8899AD	RGB 136 153 173	#8899AD
83.3%	83.3% #8BA7BD	RGB 139 167 189	#8BA7BD
100.0%	100.0% #8EB9CD	RGB 142 185 205	#8EB9CD

#6B6B6F #74757E #7C808E #828C9E #8899AD #8BA7BD #8EB9CD

#6B6B6F - #828C9E - #8EB9CD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B6B6F 0%, #828C9E 50%, #8EB9CD 100%);
    background: -webkit-linear-gradient(top, #6B6B6F 0%, #828C9E 50%, #8EB9CD 100%);
    background: linear-gradient(to bottom, #6B6B6F 0%, #828C9E 50%, #8EB9CD 100%);
}
</style>