#0A0B05 - #050F04 | 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 #0A0B05 to #050F04

#0A0B05 #050F04

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

#0A0B05 - #050F04 | 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 #0A0B05 as 0% and #050F04 as 100%.

0.0%	0.0% #0A0B05	RGB 10 11 5	#0A0B05
16.7%	16.7% #090B04	RGB 9 11 4	#090B04
33.3%	33.3% #080C04	RGB 8 12 4	#080C04
50.0%	50.0% #070D04	RGB 7 13 4	#070D04
66.7%	66.7% #060D04	RGB 6 13 4	#060D04
83.3%	83.3% #050E04	RGB 5 14 4	#050E04
100.0%	100.0% #050F04	RGB 5 15 4	#050F04

#0A0B05 #090B04 #080C04 #070D04 #060D04 #050E04 #050F04

#0A0B05 - #050F04

HSV Blend

#0A0B05 - #050F04 | 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 #0A0B05 as 0% and #050F04 as 100%.

0.0%	0.0% #0A0B05	RGB 10 11 5	#0A0B05
16.7%	16.7% #090B04	RGB 9 11 4	#090B04
33.3%	33.3% #090C04	RGB 9 12 4	#090C04
50.0%	50.0% #080D04	RGB 8 13 4	#080D04
66.7%	66.7% #070D04	RGB 7 13 4	#070D04
83.3%	83.3% #060E04	RGB 6 14 4	#060E04
100.0%	100.0% #050F04	RGB 5 15 4	#050F04

#0A0B05 #090B04 #090C04 #080D04 #070D04 #060E04 #050F04

#0A0B05 - #080D04 - #050F04

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0A0B05 0%, #080D04 50%, #050F04 100%);
    background: -webkit-linear-gradient(top, #0A0B05 0%, #080D04 50%, #050F04 100%);
    background: linear-gradient(to bottom, #0A0B05 0%, #080D04 50%, #050F04 100%);
}
</style>