#011015 - #02000E | 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 #011015 to #02000E

#011015 #02000E

Calculate the color between two colors, #011015 and #02000E. 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)

#011015 - #02000E | 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 #011015 as 0% and #02000E as 100%.

0.0%	0.0% #011015	RGB 1 16 21	#011015
16.7%	16.7% #010D13	RGB 1 13 19	#010D13
33.3%	33.3% #010A12	RGB 1 10 18	#010A12
50.0%	50.0% #010811	RGB 1 8 17	#010811
66.7%	66.7% #010510	RGB 1 5 16	#010510
83.3%	83.3% #01020F	RGB 1 2 15	#01020F
100.0%	100.0% #02000E	RGB 2 0 14	#02000E

#011015 #010D13 #010A12 #010811 #010510 #01020F #02000E

#011015 - #02000E

HSV Blend

#011015 - #02000E | 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 #011015 as 0% and #02000E as 100%.

0.0%	0.0% #000F15	RGB 0 15 21	#000F15
16.7%	16.7% #000C13	RGB 0 12 19	#000C13
33.3%	33.3% #000812	RGB 0 8 18	#000812
50.0%	50.0% #000511	RGB 0 5 17	#000511
66.7%	66.7% #000210	RGB 0 2 16	#000210
83.3%	83.3% #00000F	RGB 0 0 15	#00000F
100.0%	100.0% #02000E	RGB 2 0 14	#02000E

#000F15 #000C13 #000812 #000511 #000210 #00000F #02000E

#011015 - #000511 - #02000E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #000F15 0%, #000511 50%, #02000E 100%);
    background: -webkit-linear-gradient(top, #000F15 0%, #000511 50%, #02000E 100%);
    background: linear-gradient(to bottom, #000F15 0%, #000511 50%, #02000E 100%);
}
</style>