#1E2324 - #00261B | 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 #1E2324 to #00261B

#1E2324 #00261B

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

#1E2324 - #00261B | 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 #1E2324 as 0% and #00261B as 100%.

0.0%	0.0% #1E2324	RGB 30 35 36	#1E2324
16.7%	16.7% #192322	RGB 25 35 34	#192322
33.3%	33.3% #142421	RGB 20 36 33	#142421
50.0%	50.0% #0F241F	RGB 15 36 31	#0F241F
66.7%	66.7% #0A251E	RGB 10 37 30	#0A251E
83.3%	83.3% #05251C	RGB 5 37 28	#05251C
100.0%	100.0% #00261B	RGB 0 38 27	#00261B

#1E2324 #192322 #142421 #0F241F #0A251E #05251C #00261B

#1E2324 - #00261B

HSV Blend

#1E2324 - #00261B | 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 #1E2324 as 0% and #00261B as 100%.

0.0%	0.0% #1E2324	RGB 30 35 36	#1E2324
16.7%	16.7% #192324	RGB 25 35 36	#192324
33.3%	33.3% #142424	RGB 20 36 36	#142424
50.0%	50.0% #0F2523	RGB 15 37 35	#0F2523
66.7%	66.7% #0A2521	RGB 10 37 33	#0A2521
83.3%	83.3% #05251E	RGB 5 37 30	#05251E
100.0%	100.0% #00261B	RGB 0 38 27	#00261B

#1E2324 #192324 #142424 #0F2523 #0A2521 #05251E #00261B

#1E2324 - #0F2523 - #00261B

CSS codes

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

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