#0A160C - #3D3D5E | 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 #0A160C to #3D3D5E

#0A160C #3D3D5E

Calculate the color between two colors, #0A160C and #3D3D5E. 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)

#0A160C - #3D3D5E | 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 #0A160C as 0% and #3D3D5E as 100%.

0.0%	0.0% #0A160C	RGB 10 22 12	#0A160C
16.7%	16.7% #121C19	RGB 18 28 25	#121C19
33.3%	33.3% #1B2327	RGB 27 35 39	#1B2327
50.0%	50.0% #232935	RGB 35 41 53	#232935
66.7%	66.7% #2C3042	RGB 44 48 66	#2C3042
83.3%	83.3% #343650	RGB 52 54 80	#343650
100.0%	100.0% #3D3D5E	RGB 61 61 94	#3D3D5E

#0A160C #121C19 #1B2327 #232935 #2C3042 #343650 #3D3D5E

#0A160C - #3D3D5E

HSV Blend

#0A160C - #3D3D5E | 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 #0A160C as 0% and #3D3D5E as 100%.

0.0%	0.0% #0A160C	RGB 10 22 12	#0A160C
16.7%	16.7% #102218	RGB 16 34 24	#102218
33.3%	33.3% #172E29	RGB 23 46 41	#172E29
50.0%	50.0% #20373A	RGB 32 55 58	#20373A
66.7%	66.7% #283A46	RGB 40 58 70	#283A46
83.3%	83.3% #323C52	RGB 50 60 82	#323C52
100.0%	100.0% #3D3D5E	RGB 61 61 94	#3D3D5E

#0A160C #102218 #172E29 #20373A #283A46 #323C52 #3D3D5E

#0A160C - #20373A - #3D3D5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0A160C 0%, #20373A 50%, #3D3D5E 100%);
    background: -webkit-linear-gradient(top, #0A160C 0%, #20373A 50%, #3D3D5E 100%);
    background: linear-gradient(to bottom, #0A160C 0%, #20373A 50%, #3D3D5E 100%);
}
</style>