#121213 - #2F3D3E | 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 #121213 to #2F3D3E

#121213 #2F3D3E

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

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

0.0%	0.0% #121213	RGB 18 18 19	#121213
16.7%	16.7% #16191A	RGB 22 25 26	#16191A
33.3%	33.3% #1B2021	RGB 27 32 33	#1B2021
50.0%	50.0% #202728	RGB 32 39 40	#202728
66.7%	66.7% #252E2F	RGB 37 46 47	#252E2F
83.3%	83.3% #2A3536	RGB 42 53 54	#2A3536
100.0%	100.0% #2F3D3E	RGB 47 61 62	#2F3D3E

#121213 #16191A #1B2021 #202728 #252E2F #2A3536 #2F3D3E

#121213 - #2F3D3E

HSV Blend

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

0.0%	0.0% #121213	RGB 18 18 19	#121213
16.7%	16.7% #17181A	RGB 23 24 26	#17181A
33.3%	33.3% #1D1E21	RGB 29 30 33	#1D1E21
50.0%	50.0% #222528	RGB 34 37 40	#222528
66.7%	66.7% #272C2F	RGB 39 44 47	#272C2F
83.3%	83.3% #2B3436	RGB 43 52 54	#2B3436
100.0%	100.0% #2F3D3E	RGB 47 61 62	#2F3D3E

#121213 #17181A #1D1E21 #222528 #272C2F #2B3436 #2F3D3E

#121213 - #222528 - #2F3D3E

CSS codes

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

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