#6E3E5C - #241C22 | 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 #6E3E5C to #241C22

#6E3E5C #241C22

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

#6E3E5C - #241C22 | 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 #6E3E5C as 0% and #241C22 as 100%.

0.0%	0.0% #6E3E5C	RGB 110 62 92	#6E3E5C
16.7%	16.7% #613852	RGB 97 56 82	#613852
33.3%	33.3% #553248	RGB 85 50 72	#553248
50.0%	50.0% #492D3F	RGB 73 45 63	#492D3F
66.7%	66.7% #3C2735	RGB 60 39 53	#3C2735
83.3%	83.3% #30212B	RGB 48 33 43	#30212B
100.0%	100.0% #241C22	RGB 36 28 34	#241C22

#6E3E5C #613852 #553248 #492D3F #3C2735 #30212B #241C22

#6E3E5C - #241C22

HSV Blend

#6E3E5C - #241C22 | 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 #6E3E5C as 0% and #241C22 as 100%.

0.0%	0.0% #6E3E5B	RGB 110 62 91	#6E3E5B
16.7%	16.7% #613A53	RGB 97 58 83	#613A53
33.3%	33.3% #55364A	RGB 85 54 74	#55364A
50.0%	50.0% #493041	RGB 73 48 65	#493041
66.7%	66.7% #3C2A37	RGB 60 42 55	#3C2A37
83.3%	83.3% #30232C	RGB 48 35 44	#30232C
100.0%	100.0% #241C22	RGB 36 28 34	#241C22

#6E3E5B #613A53 #55364A #493041 #3C2A37 #30232C #241C22

#6E3E5C - #493041 - #241C22

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E3E5B 0%, #493041 50%, #241C22 100%);
    background: -webkit-linear-gradient(top, #6E3E5B 0%, #493041 50%, #241C22 100%);
    background: linear-gradient(to bottom, #6E3E5B 0%, #493041 50%, #241C22 100%);
}
</style>