#1F413C - #081211 | 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 #1F413C to #081211

#1F413C #081211

Calculate the color between two colors, #1F413C and #081211. 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)

#1F413C - #081211 | 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 #1F413C as 0% and #081211 as 100%.

0.0%	0.0% #1F413C	RGB 31 65 60	#1F413C
16.7%	16.7% #1B3934	RGB 27 57 52	#1B3934
33.3%	33.3% #17312D	RGB 23 49 45	#17312D
50.0%	50.0% #132926	RGB 19 41 38	#132926
66.7%	66.7% #0F211F	RGB 15 33 31	#0F211F
83.3%	83.3% #0B1918	RGB 11 25 24	#0B1918
100.0%	100.0% #081211	RGB 8 18 17	#081211

#1F413C #1B3934 #17312D #132926 #0F211F #0B1918 #081211

#1F413C - #081211

HSV Blend

#1F413C - #081211 | 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 #1F413C as 0% and #081211 as 100%.

0.0%	0.0% #1F413C	RGB 31 65 60	#1F413C
16.7%	16.7% #1A3934	RGB 26 57 52	#1A3934
33.3%	33.3% #16312D	RGB 22 49 45	#16312D
50.0%	50.0% #132926	RGB 19 41 38	#132926
66.7%	66.7% #0F211F	RGB 15 33 31	#0F211F
83.3%	83.3% #0B1918	RGB 11 25 24	#0B1918
100.0%	100.0% #081211	RGB 8 18 17	#081211

#1F413C #1A3934 #16312D #132926 #0F211F #0B1918 #081211

#1F413C - #132926 - #081211

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F413C 0%, #132926 50%, #081211 100%);
    background: -webkit-linear-gradient(top, #1F413C 0%, #132926 50%, #081211 100%);
    background: linear-gradient(to bottom, #1F413C 0%, #132926 50%, #081211 100%);
}
</style>