#6A2336 - #C85F4E | 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 #6A2336 to #C85F4E

#6A2336 #C85F4E

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

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

0.0%	0.0% #6A2336	RGB 106 35 54	#6A2336
16.7%	16.7% #792D3A	RGB 121 45 58	#792D3A
33.3%	33.3% #89373E	RGB 137 55 62	#89373E
50.0%	50.0% #994142	RGB 153 65 66	#994142
66.7%	66.7% #A84B46	RGB 168 75 70	#A84B46
83.3%	83.3% #B8554A	RGB 184 85 74	#B8554A
100.0%	100.0% #C85F4E	RGB 200 95 78	#C85F4E

#6A2336 #792D3A #89373E #994142 #A84B46 #B8554A #C85F4E

#6A2336 - #C85F4E

HSV Blend

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

0.0%	0.0% #6A2336	RGB 106 35 54	#6A2336
16.7%	16.7% #792939	RGB 121 41 57	#792939
33.3%	33.3% #89303B	RGB 137 48 59	#89303B
50.0%	50.0% #99373D	RGB 153 55 61	#99373D
66.7%	66.7% #A83E3E	RGB 168 62 62	#A83E3E
83.3%	83.3% #B84E46	RGB 184 78 70	#B84E46
100.0%	100.0% #C85F4E	RGB 200 95 78	#C85F4E

#6A2336 #792939 #89303B #99373D #A83E3E #B84E46 #C85F4E

#6A2336 - #99373D - #C85F4E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6A2336 0%, #99373D 50%, #C85F4E 100%);
    background: -webkit-linear-gradient(top, #6A2336 0%, #99373D 50%, #C85F4E 100%);
    background: linear-gradient(to bottom, #6A2336 0%, #99373D 50%, #C85F4E 100%);
}
</style>