#6B4E4C - #242015 | 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 #6B4E4C to #242015

#6B4E4C #242015

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

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

0.0%	0.0% #6B4E4C	RGB 107 78 76	#6B4E4C
16.7%	16.7% #5F4642	RGB 95 70 66	#5F4642
33.3%	33.3% #533E39	RGB 83 62 57	#533E39
50.0%	50.0% #473730	RGB 71 55 48	#473730
66.7%	66.7% #3B2F27	RGB 59 47 39	#3B2F27
83.3%	83.3% #2F271E	RGB 47 39 30	#2F271E
100.0%	100.0% #242015	RGB 36 32 21	#242015

#6B4E4C #5F4642 #533E39 #473730 #3B2F27 #2F271E #242015

#6B4E4C - #242015

HSV Blend

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

0.0%	0.0% #6B4E4C	RGB 107 78 76	#6B4E4C
16.7%	16.7% #5F4641	RGB 95 70 65	#5F4641
33.3%	33.3% #533F37	RGB 83 63 55	#533F37
50.0%	50.0% #47382E	RGB 71 56 46	#47382E
66.7%	66.7% #3B3025	RGB 59 48 37	#3B3025
83.3%	83.3% #2F281C	RGB 47 40 28	#2F281C
100.0%	100.0% #242015	RGB 36 32 21	#242015

#6B4E4C #5F4641 #533F37 #47382E #3B3025 #2F281C #242015

#6B4E4C - #47382E - #242015

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B4E4C 0%, #47382E 50%, #242015 100%);
    background: -webkit-linear-gradient(top, #6B4E4C 0%, #47382E 50%, #242015 100%);
    background: linear-gradient(to bottom, #6B4E4C 0%, #47382E 50%, #242015 100%);
}
</style>