#6B5E6D - #262428 | 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 #6B5E6D to #262428

#6B5E6D #262428

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

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

0.0%	0.0% #6B5E6D	RGB 107 94 109	#6B5E6D
16.7%	16.7% #5F5461	RGB 95 84 97	#5F5461
33.3%	33.3% #544A56	RGB 84 74 86	#544A56
50.0%	50.0% #48414A	RGB 72 65 74	#48414A
66.7%	66.7% #3D373F	RGB 61 55 63	#3D373F
83.3%	83.3% #312D33	RGB 49 45 51	#312D33
100.0%	100.0% #262428	RGB 38 36 40	#262428

#6B5E6D #5F5461 #544A56 #48414A #3D373F #312D33 #262428

#6B5E6D - #262428

HSV Blend

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

0.0%	0.0% #6B5E6D	RGB 107 94 109	#6B5E6D
16.7%	16.7% #5F5461	RGB 95 84 97	#5F5461
33.3%	33.3% #534B56	RGB 83 75 86	#534B56
50.0%	50.0% #47414A	RGB 71 65 74	#47414A
66.7%	66.7% #3C373F	RGB 60 55 63	#3C373F
83.3%	83.3% #312E33	RGB 49 46 51	#312E33
100.0%	100.0% #262428	RGB 38 36 40	#262428

#6B5E6D #5F5461 #534B56 #47414A #3C373F #312E33 #262428

#6B5E6D - #47414A - #262428

CSS codes

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

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