#3C3E3B - #7D6B8F | 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 #3C3E3B to #7D6B8F

#3C3E3B #7D6B8F

Calculate the color between two colors, #3C3E3B and #7D6B8F. 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)

#3C3E3B - #7D6B8F | 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 #3C3E3B as 0% and #7D6B8F as 100%.

0.0%	0.0% #3C3E3B	RGB 60 62 59	#3C3E3B
16.7%	16.7% #464549	RGB 70 69 73	#464549
33.3%	33.3% #514D57	RGB 81 77 87	#514D57
50.0%	50.0% #5C5465	RGB 92 84 101	#5C5465
66.7%	66.7% #675C73	RGB 103 92 115	#675C73
83.3%	83.3% #726381	RGB 114 99 129	#726381
100.0%	100.0% #7D6B8F	RGB 125 107 143	#7D6B8F

#3C3E3B #464549 #514D57 #5C5465 #675C73 #726381 #7D6B8F

#3C3E3B - #7D6B8F

HSV Blend

#3C3E3B - #7D6B8F | 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 #3C3E3B as 0% and #7D6B8F as 100%.

0.0%	0.0% #3C3E3B	RGB 60 62 59	#3C3E3B
16.7%	16.7% #454B46	RGB 69 75 70	#454B46
33.3%	33.3% #4E5954	RGB 78 89 84	#4E5954
50.0%	50.0% #576566	RGB 87 101 102	#576566
66.7%	66.7% #5E6874	RGB 94 104 116	#5E6874
83.3%	83.3% #666581	RGB 102 101 129	#666581
100.0%	100.0% #7D6B8F	RGB 125 107 143	#7D6B8F

#3C3E3B #454B46 #4E5954 #576566 #5E6874 #666581 #7D6B8F

#3C3E3B - #576566 - #7D6B8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3E3B 0%, #576566 50%, #7D6B8F 100%);
    background: -webkit-linear-gradient(top, #3C3E3B 0%, #576566 50%, #7D6B8F 100%);
    background: linear-gradient(to bottom, #3C3E3B 0%, #576566 50%, #7D6B8F 100%);
}
</style>