#6E5E5F - #41261B | 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 #6E5E5F to #41261B

#6E5E5F #41261B

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

#6E5E5F - #41261B | 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 #6E5E5F as 0% and #41261B as 100%.

0.0%	0.0% #6E5E5F	RGB 110 94 95	#6E5E5F
16.7%	16.7% #665453	RGB 102 84 83	#665453
33.3%	33.3% #5F4B48	RGB 95 75 72	#5F4B48
50.0%	50.0% #57423D	RGB 87 66 61	#57423D
66.7%	66.7% #503831	RGB 80 56 49	#503831
83.3%	83.3% #482F26	RGB 72 47 38	#482F26
100.0%	100.0% #41261B	RGB 65 38 27	#41261B

#6E5E5F #665453 #5F4B48 #57423D #503831 #482F26 #41261B

#6E5E5F - #41261B

HSV Blend

#6E5E5F - #41261B | 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 #6E5E5F as 0% and #41261B as 100%.

0.0%	0.0% #6E5E5F	RGB 110 94 95	#6E5E5F
16.7%	16.7% #665050	RGB 102 80 80	#665050
33.3%	33.3% #5F4443	RGB 95 68 67	#5F4443
50.0%	50.0% #573B37	RGB 87 59 55	#573B37
66.7%	66.7% #50322C	RGB 80 50 44	#50322C
83.3%	83.3% #482B23	RGB 72 43 35	#482B23
100.0%	100.0% #41261B	RGB 65 38 27	#41261B

#6E5E5F #665050 #5F4443 #573B37 #50322C #482B23 #41261B

#6E5E5F - #573B37 - #41261B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6E5E5F 0%, #573B37 50%, #41261B 100%);
    background: -webkit-linear-gradient(top, #6E5E5F 0%, #573B37 50%, #41261B 100%);
    background: linear-gradient(to bottom, #6E5E5F 0%, #573B37 50%, #41261B 100%);
}
</style>