#0F0F08 - #040402 | 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 #0F0F08 to #040402

#0F0F08 #040402

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

#0F0F08 - #040402 | 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 #0F0F08 as 0% and #040402 as 100%.

0.0%	0.0% #0F0F08	RGB 15 15 8	#0F0F08
16.7%	16.7% #0D0D07	RGB 13 13 7	#0D0D07
33.3%	33.3% #0B0B06	RGB 11 11 6	#0B0B06
50.0%	50.0% #090905	RGB 9 9 5	#090905
66.7%	66.7% #070704	RGB 7 7 4	#070704
83.3%	83.3% #050503	RGB 5 5 3	#050503
100.0%	100.0% #040402	RGB 4 4 2	#040402

#0F0F08 #0D0D07 #0B0B06 #090905 #070704 #050503 #040402

#0F0F08 - #040402

HSV Blend

#0F0F08 - #040402 | 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 #0F0F08 as 0% and #040402 as 100%.

0.0%	0.0% #0F0F08	RGB 15 15 8	#0F0F08
16.7%	16.7% #0D0D06	RGB 13 13 6	#0D0D06
33.3%	33.3% #0B0B05	RGB 11 11 5	#0B0B05
50.0%	50.0% #090904	RGB 9 9 4	#090904
66.7%	66.7% #070703	RGB 7 7 3	#070703
83.3%	83.3% #050502	RGB 5 5 2	#050502
100.0%	100.0% #040402	RGB 4 4 2	#040402

#0F0F08 #0D0D06 #0B0B05 #090904 #070703 #050502 #040402

#0F0F08 - #090904 - #040402

CSS codes

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

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