#22182F - #0B0007 | 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 #22182F to #0B0007

#22182F #0B0007

Calculate the color between two colors, #22182F and #0B0007. 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)

#22182F - #0B0007 | 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 #22182F as 0% and #0B0007 as 100%.

0.0%	0.0% #22182F	RGB 34 24 47	#22182F
16.7%	16.7% #1E1428	RGB 30 20 40	#1E1428
33.3%	33.3% #1A1021	RGB 26 16 33	#1A1021
50.0%	50.0% #160C1B	RGB 22 12 27	#160C1B
66.7%	66.7% #120814	RGB 18 8 20	#120814
83.3%	83.3% #0E040D	RGB 14 4 13	#0E040D
100.0%	100.0% #0B0007	RGB 11 0 7	#0B0007

#22182F #1E1428 #1A1021 #160C1B #120814 #0E040D #0B0007

#22182F - #0B0007

HSV Blend

#22182F - #0B0007 | 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 #22182F as 0% and #0B0007 as 100%.

0.0%	0.0% #22182F	RGB 34 24 47	#22182F
16.7%	16.7% #1F1129	RGB 31 17 41	#1F1129
33.3%	33.3% #1D0B23	RGB 29 11 35	#1D0B23
50.0%	50.0% #1A071D	RGB 26 7 29	#1A071D
66.7%	66.7% #170315	RGB 23 3 21	#170315
83.3%	83.3% #11010D	RGB 17 1 13	#11010D
100.0%	100.0% #0B0007	RGB 11 0 7	#0B0007

#22182F #1F1129 #1D0B23 #1A071D #170315 #11010D #0B0007

#22182F - #1A071D - #0B0007

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #22182F 0%, #1A071D 50%, #0B0007 100%);
    background: -webkit-linear-gradient(top, #22182F 0%, #1A071D 50%, #0B0007 100%);
    background: linear-gradient(to bottom, #22182F 0%, #1A071D 50%, #0B0007 100%);
}
</style>