#2B3023 - #102200 | 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 #2B3023 to #102200

#2B3023 #102200

Calculate the color between two colors, #2B3023 and #102200. 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)

#2B3023 - #102200 | 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 #2B3023 as 0% and #102200 as 100%.

0.0%	0.0% #2B3023	RGB 43 48 35	#2B3023
16.7%	16.7% #262D1D	RGB 38 45 29	#262D1D
33.3%	33.3% #222B17	RGB 34 43 23	#222B17
50.0%	50.0% #1D2911	RGB 29 41 17	#1D2911
66.7%	66.7% #19260B	RGB 25 38 11	#19260B
83.3%	83.3% #142405	RGB 20 36 5	#142405
100.0%	100.0% #102200	RGB 16 34 0	#102200

#2B3023 #262D1D #222B17 #1D2911 #19260B #142405 #102200

#2B3023 - #102200

HSV Blend

#2B3023 - #102200 | 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 #2B3023 as 0% and #102200 as 100%.

0.0%	0.0% #2B3023	RGB 43 48 35	#2B3023
16.7%	16.7% #262D1B	RGB 38 45 27	#262D1B
33.3%	33.3% #212B15	RGB 33 43 21	#212B15
50.0%	50.0% #1D290E	RGB 29 41 14	#1D290E
66.7%	66.7% #182609	RGB 24 38 9	#182609
83.3%	83.3% #142404	RGB 20 36 4	#142404
100.0%	100.0% #102200	RGB 16 34 0	#102200

#2B3023 #262D1B #212B15 #1D290E #182609 #142404 #102200

#2B3023 - #1D290E - #102200

CSS codes

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

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