#6B6B6D - #FF7BBB | 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 #6B6B6D to #FF7BBB

#6B6B6D #FF7BBB

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

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

0.0%	0.0% #6B6B6D	RGB 107 107 109	#6B6B6D
16.7%	16.7% #836D7A	RGB 131 109 122	#836D7A
33.3%	33.3% #9C7087	RGB 156 112 135	#9C7087
50.0%	50.0% #B57394	RGB 181 115 148	#B57394
66.7%	66.7% #CD75A1	RGB 205 117 161	#CD75A1
83.3%	83.3% #E678AE	RGB 230 120 174	#E678AE
100.0%	100.0% #FF7BBB	RGB 255 123 187	#FF7BBB

#6B6B6D #836D7A #9C7087 #B57394 #CD75A1 #E678AE #FF7BBB

#6B6B6D - #FF7BBB

HSV Blend

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

0.0%	0.0% #6B6B6D	RGB 107 107 109	#6B6B6D
16.7%	16.7% #7B7785	RGB 123 119 133	#7B7785
33.3%	33.3% #8F809D	RGB 143 128 157	#8F809D
50.0%	50.0% #AA85B6	RGB 170 133 182	#AA85B6
66.7%	66.7% #CE85CD	RGB 206 133 205	#CE85CD
83.3%	83.3% #E682CC	RGB 230 130 204	#E682CC
100.0%	100.0% #FF7BBB	RGB 255 123 187	#FF7BBB

#6B6B6D #7B7785 #8F809D #AA85B6 #CE85CD #E682CC #FF7BBB

#6B6B6D - #AA85B6 - #FF7BBB

CSS codes

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

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