#1F413C - #00261A | 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 #00261A

#1F413C #00261A

Calculate the color between two colors, #1F413C and #00261A. 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 - #00261A | 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 #00261A as 100%.

0.0%	0.0% #1F413C	RGB 31 65 60	#1F413C
16.7%	16.7% #193C36	RGB 25 60 54	#193C36
33.3%	33.3% #143830	RGB 20 56 48	#143830
50.0%	50.0% #0F332B	RGB 15 51 43	#0F332B
66.7%	66.7% #0A2F25	RGB 10 47 37	#0A2F25
83.3%	83.3% #052A1F	RGB 5 42 31	#052A1F
100.0%	100.0% #00261A	RGB 0 38 26	#00261A

#1F413C #193C36 #143830 #0F332B #0A2F25 #052A1F #00261A

#1F413C - #00261A

HSV Blend

#1F413C - #00261A | 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 #00261A as 100%.

0.0%	0.0% #1F413C	RGB 31 65 60	#1F413C
16.7%	16.7% #183C36	RGB 24 60 54	#183C36
33.3%	33.3% #113830	RGB 17 56 48	#113830
50.0%	50.0% #0C332A	RGB 12 51 42	#0C332A
66.7%	66.7% #072F24	RGB 7 47 36	#072F24
83.3%	83.3% #032A1F	RGB 3 42 31	#032A1F
100.0%	100.0% #00261A	RGB 0 38 26	#00261A

#1F413C #183C36 #113830 #0C332A #072F24 #032A1F #00261A

#1F413C - #0C332A - #00261A

CSS codes

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

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