#252E3D - #070F0E | 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 #252E3D to #070F0E

#252E3D #070F0E

Calculate the color between two colors, #252E3D and #070F0E. 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)

#252E3D - #070F0E | 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 #252E3D as 0% and #070F0E as 100%.

0.0%	0.0% #252E3D	RGB 37 46 61	#252E3D
16.7%	16.7% #202835	RGB 32 40 53	#202835
33.3%	33.3% #1B232D	RGB 27 35 45	#1B232D
50.0%	50.0% #161E25	RGB 22 30 37	#161E25
66.7%	66.7% #11191D	RGB 17 25 29	#11191D
83.3%	83.3% #0C1415	RGB 12 20 21	#0C1415
100.0%	100.0% #070F0E	RGB 7 15 14	#070F0E

#252E3D #202835 #1B232D #161E25 #11191D #0C1415 #070F0E

#252E3D - #070F0E

HSV Blend

#252E3D - #070F0E | 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 #252E3D as 0% and #070F0E as 100%.

0.0%	0.0% #252E3D	RGB 37 46 61	#252E3D
16.7%	16.7% #1F2A35	RGB 31 42 53	#1F2A35
33.3%	33.3% #19262D	RGB 25 38 45	#19262D
50.0%	50.0% #142126	RGB 20 33 38	#142126
66.7%	66.7% #0F1C1E	RGB 15 28 30	#0F1C1E
83.3%	83.3% #0B1616	RGB 11 22 22	#0B1616
100.0%	100.0% #070F0E	RGB 7 15 14	#070F0E

#252E3D #1F2A35 #19262D #142126 #0F1C1E #0B1616 #070F0E

#252E3D - #142126 - #070F0E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #252E3D 0%, #142126 50%, #070F0E 100%);
    background: -webkit-linear-gradient(top, #252E3D 0%, #142126 50%, #070F0E 100%);
    background: linear-gradient(to bottom, #252E3D 0%, #142126 50%, #070F0E 100%);
}
</style>