#A85740 - #301812 | 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 #A85740 to #301812

#A85740 #301812

Calculate the color between two colors, #A85740 and #301812. 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)

#A85740 - #301812 | 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 #A85740 as 0% and #301812 as 100%.

0.0%	0.0% #A85740	RGB 168 87 64	#A85740
16.7%	16.7% #944C38	RGB 148 76 56	#944C38
33.3%	33.3% #804230	RGB 128 66 48	#804230
50.0%	50.0% #6C3729	RGB 108 55 41	#6C3729
66.7%	66.7% #582D21	RGB 88 45 33	#582D21
83.3%	83.3% #442219	RGB 68 34 25	#442219
100.0%	100.0% #301812	RGB 48 24 18	#301812

#A85740 #944C38 #804230 #6C3729 #582D21 #442219 #301812

#A85740 - #301812

HSV Blend

#A85740 - #301812 | 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 #A85740 as 0% and #301812 as 100%.

0.0%	0.0% #A85740	RGB 168 87 64	#A85740
16.7%	16.7% #944C38	RGB 148 76 56	#944C38
33.3%	33.3% #804130	RGB 128 65 48	#804130
50.0%	50.0% #6C3628	RGB 108 54 40	#6C3628
66.7%	66.7% #582C21	RGB 88 44 33	#582C21
83.3%	83.3% #442219	RGB 68 34 25	#442219
100.0%	100.0% #301812	RGB 48 24 18	#301812

#A85740 #944C38 #804130 #6C3628 #582C21 #442219 #301812

#A85740 - #6C3628 - #301812

CSS codes

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

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