#040C10 - #00242C | 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 #040C10 to #00242C

#040C10 #00242C

Calculate the color between two colors, #040C10 and #00242C. 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)

#040C10 - #00242C | 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 #040C10 as 0% and #00242C as 100%.

0.0%	0.0% #040C10	RGB 4 12 16	#040C10
16.7%	16.7% #031014	RGB 3 16 20	#031014
33.3%	33.3% #021419	RGB 2 20 25	#021419
50.0%	50.0% #02181E	RGB 2 24 30	#02181E
66.7%	66.7% #011C22	RGB 1 28 34	#011C22
83.3%	83.3% #002027	RGB 0 32 39	#002027
100.0%	100.0% #00242C	RGB 0 36 44	#00242C

#040C10 #031014 #021419 #02181E #011C22 #002027 #00242C

#040C10 - #00242C

HSV Blend

#040C10 - #00242C | 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 #040C10 as 0% and #00242C as 100%.

0.0%	0.0% #040C10	RGB 4 12 16	#040C10
16.7%	16.7% #040F14	RGB 4 15 20	#040F14
33.3%	33.3% #041319	RGB 4 19 25	#041319
50.0%	50.0% #03171E	RGB 3 23 30	#03171E
66.7%	66.7% #021B22	RGB 2 27 34	#021B22
83.3%	83.3% #011F27	RGB 1 31 39	#011F27
100.0%	100.0% #00242C	RGB 0 36 44	#00242C

#040C10 #040F14 #041319 #03171E #021B22 #011F27 #00242C

#040C10 - #03171E - #00242C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #040C10 0%, #03171E 50%, #00242C 100%);
    background: -webkit-linear-gradient(top, #040C10 0%, #03171E 50%, #00242C 100%);
    background: linear-gradient(to bottom, #040C10 0%, #03171E 50%, #00242C 100%);
}
</style>