#23234B - #00140D | 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 #23234B to #00140D

#23234B #00140D

Calculate the color between two colors, #23234B and #00140D. 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)

#23234B - #00140D | 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 #23234B as 0% and #00140D as 100%.

0.0%	0.0% #23234B	RGB 35 35 75	#23234B
16.7%	16.7% #1D2040	RGB 29 32 64	#1D2040
33.3%	33.3% #171E36	RGB 23 30 54	#171E36
50.0%	50.0% #111B2C	RGB 17 27 44	#111B2C
66.7%	66.7% #0B1921	RGB 11 25 33	#0B1921
83.3%	83.3% #051617	RGB 5 22 23	#051617
100.0%	100.0% #00140D	RGB 0 20 13	#00140D

#23234B #1D2040 #171E36 #111B2C #0B1921 #051617 #00140D

#23234B - #00140D

HSV Blend

#23234B - #00140D | 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 #23234B as 0% and #00140D as 100%.

0.0%	0.0% #23234B	RGB 35 35 75	#23234B
16.7%	16.7% #192241	RGB 25 34 65	#192241
33.3%	33.3% #112338	RGB 17 35 56	#112338
50.0%	50.0% #0B232F	RGB 11 35 47	#0B232F
66.7%	66.7% #052326	RGB 5 35 38	#052326
83.3%	83.3% #021D19	RGB 2 29 25	#021D19
100.0%	100.0% #00140D	RGB 0 20 13	#00140D

#23234B #192241 #112338 #0B232F #052326 #021D19 #00140D

#23234B - #0B232F - #00140D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #23234B 0%, #0B232F 50%, #00140D 100%);
    background: -webkit-linear-gradient(top, #23234B 0%, #0B232F 50%, #00140D 100%);
    background: linear-gradient(to bottom, #23234B 0%, #0B232F 50%, #00140D 100%);
}
</style>