#6B6B6B - #E795A2 | 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 #E795A2

#6B6B6B #E795A2

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

0.0%	0.0% #6B6B6B	RGB 107 107 107	#6B6B6B
16.7%	16.7% #7F7274	RGB 127 114 116	#7F7274
33.3%	33.3% #94797D	RGB 148 121 125	#94797D
50.0%	50.0% #A98086	RGB 169 128 134	#A98086
66.7%	66.7% #BD878F	RGB 189 135 143	#BD878F
83.3%	83.3% #D28E98	RGB 210 142 152	#D28E98
100.0%	100.0% #E795A2	RGB 231 149 162	#E795A2

#6B6B6B #7F7274 #94797D #A98086 #BD878F #D28E98 #E795A2

#6B6B6B - #E795A2

HSV Blend

#6B6B6B - #E795A2 | 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 #E795A2 as 100%.

0.0%	0.0% #6B6B6B	RGB 107 107 107	#6B6B6B
16.7%	16.7% #7F7878	RGB 127 120 120	#7F7878
33.3%	33.3% #948283	RGB 148 130 131	#948283
50.0%	50.0% #A98B8D	RGB 169 139 141	#A98B8D
66.7%	66.7% #BD9095	RGB 189 144 149	#BD9095
83.3%	83.3% #D2949C	RGB 210 148 156	#D2949C
100.0%	100.0% #E795A2	RGB 231 149 162	#E795A2

#6B6B6B #7F7878 #948283 #A98B8D #BD9095 #D2949C #E795A2

#6B6B6B - #A98B8D - #E795A2

CSS codes

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

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