#6B5E6E - #272225 | 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 #6B5E6E to #272225

#6B5E6E #272225

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

#6B5E6E - #272225 | 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 #6B5E6E as 0% and #272225 as 100%.

0.0%	0.0% #6B5E6E	RGB 107 94 110	#6B5E6E
16.7%	16.7% #5F5461	RGB 95 84 97	#5F5461
33.3%	33.3% #544A55	RGB 84 74 85	#544A55
50.0%	50.0% #494049	RGB 73 64 73	#494049
66.7%	66.7% #3D363D	RGB 61 54 61	#3D363D
83.3%	83.3% #322C31	RGB 50 44 49	#322C31
100.0%	100.0% #272225	RGB 39 34 37	#272225

#6B5E6E #5F5461 #544A55 #494049 #3D363D #322C31 #272225

#6B5E6E - #272225

HSV Blend

#6B5E6E - #272225 | 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 #6B5E6E as 0% and #272225 as 100%.

0.0%	0.0% #6B5E6E	RGB 107 94 110	#6B5E6E
16.7%	16.7% #605462	RGB 96 84 98	#605462
33.3%	33.3% #564A56	RGB 86 74 86	#564A56
50.0%	50.0% #4A4049	RGB 74 64 73	#4A4049
66.7%	66.7% #3E363C	RGB 62 54 60	#3E363C
83.3%	83.3% #322C30	RGB 50 44 48	#322C30
100.0%	100.0% #272225	RGB 39 34 37	#272225

#6B5E6E #605462 #564A56 #4A4049 #3E363C #322C30 #272225

#6B5E6E - #4A4049 - #272225

CSS codes

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

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