#6B6B6B - #E795E2 | 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 #6B6B6B to #E795E2

#6B6B6B #E795E2

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

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

0.0%	0.0% #6B6B6B	RGB 107 107 107	#6B6B6B
16.7%	16.7% #7F727E	RGB 127 114 126	#7F727E
33.3%	33.3% #947992	RGB 148 121 146	#947992
50.0%	50.0% #A980A6	RGB 169 128 166	#A980A6
66.7%	66.7% #BD87BA	RGB 189 135 186	#BD87BA
83.3%	83.3% #D28ECE	RGB 210 142 206	#D28ECE
100.0%	100.0% #E795E2	RGB 231 149 226	#E795E2

#6B6B6B #7F727E #947992 #A980A6 #BD87BA #D28ECE #E795E2

#6B6B6B - #E795E2

HSV Blend

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

0.0%	0.0% #6B6B6B	RGB 107 107 107	#6B6B6B
16.7%	16.7% #7F7879	RGB 127 120 121	#7F7879
33.3%	33.3% #948288	RGB 148 130 136	#948288
50.0%	50.0% #A98B99	RGB 169 139 153	#A98B99
66.7%	66.7% #BD90AC	RGB 189 144 172	#BD90AC
83.3%	83.3% #D294C4	RGB 210 148 196	#D294C4
100.0%	100.0% #E795E2	RGB 231 149 226	#E795E2

#6B6B6B #7F7879 #948288 #A98B99 #BD90AC #D294C4 #E795E2

#6B6B6B - #A98B99 - #E795E2

CSS codes

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

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