#0E0A08 - #3F3E3D | 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 #0E0A08 to #3F3E3D

#0E0A08 #3F3E3D

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

#0E0A08 - #3F3E3D | 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 #0E0A08 as 0% and #3F3E3D as 100%.

0.0%	0.0% #0E0A08	RGB 14 10 8	#0E0A08
16.7%	16.7% #161210	RGB 22 18 16	#161210
33.3%	33.3% #1E1B19	RGB 30 27 25	#1E1B19
50.0%	50.0% #262422	RGB 38 36 34	#262422
66.7%	66.7% #2E2C2B	RGB 46 44 43	#2E2C2B
83.3%	83.3% #363534	RGB 54 53 52	#363534
100.0%	100.0% #3F3E3D	RGB 63 62 61	#3F3E3D

#0E0A08 #161210 #1E1B19 #262422 #2E2C2B #363534 #3F3E3D

#0E0A08 - #3F3E3D

HSV Blend

#0E0A08 - #3F3E3D | 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 #0E0A08 as 0% and #3F3E3D as 100%.

0.0%	0.0% #0E0A08	RGB 14 10 8	#0E0A08
16.7%	16.7% #16110E	RGB 22 17 14	#16110E
33.3%	33.3% #1E1815	RGB 30 24 21	#1E1815
50.0%	50.0% #26211D	RGB 38 33 29	#26211D
66.7%	66.7% #2E2A27	RGB 46 42 39	#2E2A27
83.3%	83.3% #363431	RGB 54 52 49	#363431
100.0%	100.0% #3F3E3D	RGB 63 62 61	#3F3E3D

#0E0A08 #16110E #1E1815 #26211D #2E2A27 #363431 #3F3E3D

#0E0A08 - #26211D - #3F3E3D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0E0A08 0%, #26211D 50%, #3F3E3D 100%);
    background: -webkit-linear-gradient(top, #0E0A08 0%, #26211D 50%, #3F3E3D 100%);
    background: linear-gradient(to bottom, #0E0A08 0%, #26211D 50%, #3F3E3D 100%);
}
</style>