#301111 - #310804 | 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 #301111 to #310804

#301111 #310804

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

#301111 - #310804 | 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 #301111 as 0% and #310804 as 100%.

0.0%	0.0% #301111	RGB 48 17 17	#301111
16.7%	16.7% #300F0E	RGB 48 15 14	#300F0E
33.3%	33.3% #300E0C	RGB 48 14 12	#300E0C
50.0%	50.0% #300C0A	RGB 48 12 10	#300C0A
66.7%	66.7% #300B08	RGB 48 11 8	#300B08
83.3%	83.3% #300906	RGB 48 9 6	#300906
100.0%	100.0% #310804	RGB 49 8 4	#310804

#301111 #300F0E #300E0C #300C0A #300B08 #300906 #310804

#301111 - #310804

HSV Blend

#301111 - #310804 | 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 #301111 as 0% and #310804 as 100%.

0.0%	0.0% #301010	RGB 48 16 16	#301010
16.7%	16.7% #300F0E	RGB 48 15 14	#300F0E
33.3%	33.3% #300D0C	RGB 48 13 12	#300D0C
50.0%	50.0% #300C0A	RGB 48 12 10	#300C0A
66.7%	66.7% #300A08	RGB 48 10 8	#300A08
83.3%	83.3% #300906	RGB 48 9 6	#300906
100.0%	100.0% #310804	RGB 49 8 4	#310804

#301010 #300F0E #300D0C #300C0A #300A08 #300906 #310804

#301111 - #300C0A - #310804

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #301010 0%, #300C0A 50%, #310804 100%);
    background: -webkit-linear-gradient(top, #301010 0%, #300C0A 50%, #310804 100%);
    background: linear-gradient(to bottom, #301010 0%, #300C0A 50%, #310804 100%);
}
</style>