#6B6B6D - #FF7BFA | 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 #FF7BFA

#6B6B6D #FF7BFA

Calculate the color between two colors, #6B6B6D and #FF7BFA. 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 - #FF7BFA | 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 #FF7BFA as 100%.

0.0%	0.0% #6B6B6D	RGB 107 107 109	#6B6B6D
16.7%	16.7% #836D84	RGB 131 109 132	#836D84
33.3%	33.3% #9C709C	RGB 156 112 156	#9C709C
50.0%	50.0% #B573B3	RGB 181 115 179	#B573B3
66.7%	66.7% #CD75CB	RGB 205 117 203	#CD75CB
83.3%	83.3% #E678E2	RGB 230 120 226	#E678E2
100.0%	100.0% #FF7BFA	RGB 255 123 250	#FF7BFA

#6B6B6D #836D84 #9C709C #B573B3 #CD75CB #E678E2 #FF7BFA

#6B6B6D - #FF7BFA

HSV Blend

#6B6B6D - #FF7BFA | 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 #FF7BFA as 100%.

0.0%	0.0% #6B6B6D	RGB 107 107 109	#6B6B6D
16.7%	16.7% #7A7785	RGB 122 119 133	#7A7785
33.3%	33.3% #8A809D	RGB 138 128 157	#8A809D
50.0%	50.0% #9E85B6	RGB 158 133 182	#9E85B6
66.7%	66.7% #B885CE	RGB 184 133 206	#B885CE
83.3%	83.3% #D982E6	RGB 217 130 230	#D982E6
100.0%	100.0% #FF7BFA	RGB 255 123 250	#FF7BFA

#6B6B6D #7A7785 #8A809D #9E85B6 #B885CE #D982E6 #FF7BFA

#6B6B6D - #9E85B6 - #FF7BFA

CSS codes

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

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