#08050B - #020103 | 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 #08050B to #020103

#08050B #020103

Calculate the color between two colors, #08050B and #020103. 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)

#08050B - #020103 | 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 #08050B as 0% and #020103 as 100%.

0.0%	0.0% #08050B	RGB 8 5 11	#08050B
16.7%	16.7% #070409	RGB 7 4 9	#070409
33.3%	33.3% #060308	RGB 6 3 8	#060308
50.0%	50.0% #050307	RGB 5 3 7	#050307
66.7%	66.7% #040205	RGB 4 2 5	#040205
83.3%	83.3% #030104	RGB 3 1 4	#030104
100.0%	100.0% #020103	RGB 2 1 3	#020103

#08050B #070409 #060308 #050307 #040205 #030104 #020103

#08050B - #020103

HSV Blend

#08050B - #020103 | 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 #08050B as 0% and #020103 as 100%.

0.0%	0.0% #08050B	RGB 8 5 11	#08050B
16.7%	16.7% #060409	RGB 6 4 9	#060409
33.3%	33.3% #050308	RGB 5 3 8	#050308
50.0%	50.0% #040207	RGB 4 2 7	#040207
66.7%	66.7% #030205	RGB 3 2 5	#030205
83.3%	83.3% #020104	RGB 2 1 4	#020104
100.0%	100.0% #020103	RGB 2 1 3	#020103

#08050B #060409 #050308 #040207 #030205 #020104 #020103

#08050B - #040207 - #020103

CSS codes

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

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