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

#6B6B6B #E7A095

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

0.0%	0.0% #6B6B6B	RGB 107 107 107	#6B6B6B
16.7%	16.7% #7F7372	RGB 127 115 114	#7F7372
33.3%	33.3% #947C79	RGB 148 124 121	#947C79
50.0%	50.0% #A98580	RGB 169 133 128	#A98580
66.7%	66.7% #BD8E87	RGB 189 142 135	#BD8E87
83.3%	83.3% #D2978E	RGB 210 151 142	#D2978E
100.0%	100.0% #E7A095	RGB 231 160 149	#E7A095

#6B6B6B #7F7372 #947C79 #A98580 #BD8E87 #D2978E #E7A095

#6B6B6B - #E7A095

HSV Blend

#6B6B6B - #E7A095 | 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 #E7A095 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% #948382	RGB 148 131 130	#948382
50.0%	50.0% #A98D8B	RGB 169 141 139	#A98D8B
66.7%	66.7% #BD9490	RGB 189 148 144	#BD9490
83.3%	83.3% #D29B94	RGB 210 155 148	#D29B94
100.0%	100.0% #E7A095	RGB 231 160 149	#E7A095

#6B6B6B #7F7878 #948382 #A98D8B #BD9490 #D29B94 #E7A095

#6B6B6B - #A98D8B - #E7A095

CSS codes

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

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