#2B0524 - #230006 | 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 #2B0524 to #230006

#2B0524 #230006

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

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

0.0%	0.0% #2B0524	RGB 43 5 36	#2B0524
16.7%	16.7% #29041F	RGB 41 4 31	#29041F
33.3%	33.3% #28031A	RGB 40 3 26	#28031A
50.0%	50.0% #270215	RGB 39 2 21	#270215
66.7%	66.7% #250110	RGB 37 1 16	#250110
83.3%	83.3% #24000B	RGB 36 0 11	#24000B
100.0%	100.0% #230006	RGB 35 0 6	#230006

#2B0524 #29041F #28031A #270215 #250110 #24000B #230006

#2B0524 - #230006

HSV Blend

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

0.0%	0.0% #2B0524	RGB 43 5 36	#2B0524
16.7%	16.7% #29041E	RGB 41 4 30	#29041E
33.3%	33.3% #280319	RGB 40 3 25	#280319
50.0%	50.0% #270214	RGB 39 2 20	#270214
66.7%	66.7% #25010F	RGB 37 1 15	#25010F
83.3%	83.3% #24000A	RGB 36 0 10	#24000A
100.0%	100.0% #230006	RGB 35 0 6	#230006

#2B0524 #29041E #280319 #270214 #25010F #24000A #230006

#2B0524 - #270214 - #230006

CSS codes

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

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