#242D3C - #070F0D | 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 #242D3C to #070F0D

#242D3C #070F0D

Calculate the color between two colors, #242D3C and #070F0D. 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)

#242D3C - #070F0D | 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 #242D3C as 0% and #070F0D as 100%.

0.0%	0.0% #242D3C	RGB 36 45 60	#242D3C
16.7%	16.7% #1F2834	RGB 31 40 52	#1F2834
33.3%	33.3% #1A232C	RGB 26 35 44	#1A232C
50.0%	50.0% #151E24	RGB 21 30 36	#151E24
66.7%	66.7% #10191C	RGB 16 25 28	#10191C
83.3%	83.3% #0B1414	RGB 11 20 20	#0B1414
100.0%	100.0% #070F0D	RGB 7 15 13	#070F0D

#242D3C #1F2834 #1A232C #151E24 #10191C #0B1414 #070F0D

#242D3C - #070F0D

HSV Blend

#242D3C - #070F0D | 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 #242D3C as 0% and #070F0D as 100%.

0.0%	0.0% #242D3C	RGB 36 45 60	#242D3C
16.7%	16.7% #1E2934	RGB 30 41 52	#1E2934
33.3%	33.3% #19262D	RGB 25 38 45	#19262D
50.0%	50.0% #142225	RGB 20 34 37	#142225
66.7%	66.7% #0F1D1E	RGB 15 29 30	#0F1D1E
83.3%	83.3% #0B1615	RGB 11 22 21	#0B1615
100.0%	100.0% #070F0D	RGB 7 15 13	#070F0D

#242D3C #1E2934 #19262D #142225 #0F1D1E #0B1615 #070F0D

#242D3C - #142225 - #070F0D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #242D3C 0%, #142225 50%, #070F0D 100%);
    background: -webkit-linear-gradient(top, #242D3C 0%, #142225 50%, #070F0D 100%);
    background: linear-gradient(to bottom, #242D3C 0%, #142225 50%, #070F0D 100%);
}
</style>