#6E5E6F - #262325 | 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 #6E5E6F to #262325

#6E5E6F #262325

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

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

0.0%	0.0% #6E5E6F	RGB 110 94 111	#6E5E6F
16.7%	16.7% #625462	RGB 98 84 98	#625462
33.3%	33.3% #564A56	RGB 86 74 86	#564A56
50.0%	50.0% #4A404A	RGB 74 64 74	#4A404A
66.7%	66.7% #3E363D	RGB 62 54 61	#3E363D
83.3%	83.3% #322C31	RGB 50 44 49	#322C31
100.0%	100.0% #262325	RGB 38 35 37	#262325

#6E5E6F #625462 #564A56 #4A404A #3E363D #322C31 #262325

#6E5E6F - #262325

HSV Blend

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

0.0%	0.0% #6E5E6F	RGB 110 94 111	#6E5E6F
16.7%	16.7% #625462	RGB 98 84 98	#625462
33.3%	33.3% #564B55	RGB 86 75 85	#564B55
50.0%	50.0% #4A4149	RGB 74 65 73	#4A4149
66.7%	66.7% #3E373D	RGB 62 55 61	#3E373D
83.3%	83.3% #322D30	RGB 50 45 48	#322D30
100.0%	100.0% #262325	RGB 38 35 37	#262325

#6E5E6F #625462 #564B55 #4A4149 #3E373D #322D30 #262325

#6E5E6F - #4A4149 - #262325

CSS codes

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

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