#09201C - #335A5E | 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 #09201C to #335A5E

#09201C #335A5E

Calculate the color between two colors, #09201C and #335A5E. 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)

#09201C - #335A5E | 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 #09201C as 0% and #335A5E as 100%.

0.0%	0.0% #09201C	RGB 9 32 28	#09201C
16.7%	16.7% #102927	RGB 16 41 39	#102927
33.3%	33.3% #173332	RGB 23 51 50	#173332
50.0%	50.0% #1E3D3D	RGB 30 61 61	#1E3D3D
66.7%	66.7% #254648	RGB 37 70 72	#254648
83.3%	83.3% #2C5053	RGB 44 80 83	#2C5053
100.0%	100.0% #335A5E	RGB 51 90 94	#335A5E

#09201C #102927 #173332 #1E3D3D #254648 #2C5053 #335A5E

#09201C - #335A5E

HSV Blend

#09201C - #335A5E | 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 #09201C as 0% and #335A5E as 100%.

0.0%	0.0% #09201C	RGB 9 32 28	#09201C
16.7%	16.7% #0D2A26	RGB 13 42 38	#0D2A26
33.3%	33.3% #133431	RGB 19 52 49	#133431
50.0%	50.0% #193F3D	RGB 25 63 61	#193F3D
66.7%	66.7% #214949	RGB 33 73 73	#214949
83.3%	83.3% #295153	RGB 41 81 83	#295153
100.0%	100.0% #335A5E	RGB 51 90 94	#335A5E

#09201C #0D2A26 #133431 #193F3D #214949 #295153 #335A5E

#09201C - #193F3D - #335A5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #09201C 0%, #193F3D 50%, #335A5E 100%);
    background: -webkit-linear-gradient(top, #09201C 0%, #193F3D 50%, #335A5E 100%);
    background: linear-gradient(to bottom, #09201C 0%, #193F3D 50%, #335A5E 100%);
}
</style>