#7E7F83 - #2D3C3B | 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 #7E7F83 to #2D3C3B

#7E7F83 #2D3C3B

Calculate the color between two colors, #7E7F83 and #2D3C3B. 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)

#7E7F83 - #2D3C3B | 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 #7E7F83 as 0% and #2D3C3B as 100%.

0.0%	0.0% #7E7F83	RGB 126 127 131	#7E7F83
16.7%	16.7% #707377	RGB 112 115 119	#707377
33.3%	33.3% #63686B	RGB 99 104 107	#63686B
50.0%	50.0% #555D5F	RGB 85 93 95	#555D5F
66.7%	66.7% #485253	RGB 72 82 83	#485253
83.3%	83.3% #3A4747	RGB 58 71 71	#3A4747
100.0%	100.0% #2D3C3B	RGB 45 60 59	#2D3C3B

#7E7F83 #707377 #63686B #555D5F #485253 #3A4747 #2D3C3B

#7E7F83 - #2D3C3B

HSV Blend

#7E7F83 - #2D3C3B | 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 #7E7F83 as 0% and #2D3C3B as 100%.

0.0%	0.0% #7E7F83	RGB 126 127 131	#7E7F83
16.7%	16.7% #6E7177	RGB 110 113 119	#6E7177
33.3%	33.3% #5F656B	RGB 95 101 107	#5F656B
50.0%	50.0% #515A5F	RGB 81 90 95	#515A5F
66.7%	66.7% #445053	RGB 68 80 83	#445053
83.3%	83.3% #384647	RGB 56 70 71	#384647
100.0%	100.0% #2D3C3B	RGB 45 60 59	#2D3C3B

#7E7F83 #6E7177 #5F656B #515A5F #445053 #384647 #2D3C3B

#7E7F83 - #515A5F - #2D3C3B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E7F83 0%, #515A5F 50%, #2D3C3B 100%);
    background: -webkit-linear-gradient(top, #7E7F83 0%, #515A5F 50%, #2D3C3B 100%);
    background: linear-gradient(to bottom, #7E7F83 0%, #515A5F 50%, #2D3C3B 100%);
}
</style>