#14151C - #00080D | 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 #14151C to #00080D

#14151C #00080D

Calculate the color between two colors, #14151C and #00080D. 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)

#14151C - #00080D | 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 #14151C as 0% and #00080D as 100%.

0.0%	0.0% #14151C	RGB 20 21 28	#14151C
16.7%	16.7% #101219	RGB 16 18 25	#101219
33.3%	33.3% #0D1017	RGB 13 16 23	#0D1017
50.0%	50.0% #0A0E14	RGB 10 14 20	#0A0E14
66.7%	66.7% #060C12	RGB 6 12 18	#060C12
83.3%	83.3% #030A0F	RGB 3 10 15	#030A0F
100.0%	100.0% #00080D	RGB 0 8 13	#00080D

#14151C #101219 #0D1017 #0A0E14 #060C12 #030A0F #00080D

#14151C - #00080D

HSV Blend

#14151C - #00080D | 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 #14151C as 0% and #00080D as 100%.

0.0%	0.0% #14151C	RGB 20 21 28	#14151C
16.7%	16.7% #0F1119	RGB 15 17 25	#0F1119
33.3%	33.3% #0A0E17	RGB 10 14 23	#0A0E17
50.0%	50.0% #070C14	RGB 7 12 20	#070C14
66.7%	66.7% #040A12	RGB 4 10 18	#040A12
83.3%	83.3% #01090F	RGB 1 9 15	#01090F
100.0%	100.0% #00080D	RGB 0 8 13	#00080D

#14151C #0F1119 #0A0E17 #070C14 #040A12 #01090F #00080D

#14151C - #070C14 - #00080D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #14151C 0%, #070C14 50%, #00080D 100%);
    background: -webkit-linear-gradient(top, #14151C 0%, #070C14 50%, #00080D 100%);
    background: linear-gradient(to bottom, #14151C 0%, #070C14 50%, #00080D 100%);
}
</style>