#6A647C - #351C2D | 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 #6A647C to #351C2D

#6A647C #351C2D

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

#6A647C - #351C2D | 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 #6A647C as 0% and #351C2D as 100%.

0.0%	0.0% #6A647C	RGB 106 100 124	#6A647C
16.7%	16.7% #61586E	RGB 97 88 110	#61586E
33.3%	33.3% #584C61	RGB 88 76 97	#584C61
50.0%	50.0% #4F4054	RGB 79 64 84	#4F4054
66.7%	66.7% #463447	RGB 70 52 71	#463447
83.3%	83.3% #3D283A	RGB 61 40 58	#3D283A
100.0%	100.0% #351C2D	RGB 53 28 45	#351C2D

#6A647C #61586E #584C61 #4F4054 #463447 #3D283A #351C2D

#6A647C - #351C2D

HSV Blend

#6A647C - #351C2D | 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 #6A647C as 0% and #351C2D as 100%.

0.0%	0.0% #6A647C	RGB 106 100 124	#6A647C
16.7%	16.7% #605570	RGB 96 85 112	#605570
33.3%	33.3% #594764	RGB 89 71 100	#594764
50.0%	50.0% #523B58	RGB 82 59 88	#523B58
66.7%	66.7% #4B2F4C	RGB 75 47 76	#4B2F4C
83.3%	83.3% #40253C	RGB 64 37 60	#40253C
100.0%	100.0% #351C2D	RGB 53 28 45	#351C2D

#6A647C #605570 #594764 #523B58 #4B2F4C #40253C #351C2D

#6A647C - #523B58 - #351C2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6A647C 0%, #523B58 50%, #351C2D 100%);
    background: -webkit-linear-gradient(top, #6A647C 0%, #523B58 50%, #351C2D 100%);
    background: linear-gradient(to bottom, #6A647C 0%, #523B58 50%, #351C2D 100%);
}
</style>