#312218 - #0E0906 | 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 #312218 to #0E0906

#312218 #0E0906

Calculate the color between two colors, #312218 and #0E0906. 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)

#312218 - #0E0906 | 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 #312218 as 0% and #0E0906 as 100%.

0.0%	0.0% #312218	RGB 49 34 24	#312218
16.7%	16.7% #2B1D15	RGB 43 29 21	#2B1D15
33.3%	33.3% #251912	RGB 37 25 18	#251912
50.0%	50.0% #1F150F	RGB 31 21 15	#1F150F
66.7%	66.7% #19110C	RGB 25 17 12	#19110C
83.3%	83.3% #130D09	RGB 19 13 9	#130D09
100.0%	100.0% #0E0906	RGB 14 9 6	#0E0906

#312218 #2B1D15 #251912 #1F150F #19110C #130D09 #0E0906

#312218 - #0E0906

HSV Blend

#312218 - #0E0906 | 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 #312218 as 0% and #0E0906 as 100%.

0.0%	0.0% #312218	RGB 49 34 24	#312218
16.7%	16.7% #2B1D14	RGB 43 29 20	#2B1D14
33.3%	33.3% #251911	RGB 37 25 17	#251911
50.0%	50.0% #1F150E	RGB 31 21 14	#1F150E
66.7%	66.7% #19100B	RGB 25 16 11	#19100B
83.3%	83.3% #130C08	RGB 19 12 8	#130C08
100.0%	100.0% #0E0906	RGB 14 9 6	#0E0906

#312218 #2B1D14 #251911 #1F150E #19100B #130C08 #0E0906

#312218 - #1F150E - #0E0906

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #312218 0%, #1F150E 50%, #0E0906 100%);
    background: -webkit-linear-gradient(top, #312218 0%, #1F150E 50%, #0E0906 100%);
    background: linear-gradient(to bottom, #312218 0%, #1F150E 50%, #0E0906 100%);
}
</style>