#221C31 - #08080E | 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 #221C31 to #08080E

#221C31 #08080E

Calculate the color between two colors, #221C31 and #08080E. 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)

#221C31 - #08080E | 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 #221C31 as 0% and #08080E as 100%.

0.0%	0.0% #221C31	RGB 34 28 49	#221C31
16.7%	16.7% #1D182B	RGB 29 24 43	#1D182B
33.3%	33.3% #191525	RGB 25 21 37	#191525
50.0%	50.0% #15121F	RGB 21 18 31	#15121F
66.7%	66.7% #100E19	RGB 16 14 25	#100E19
83.3%	83.3% #0C0B13	RGB 12 11 19	#0C0B13
100.0%	100.0% #08080E	RGB 8 8 14	#08080E

#221C31 #1D182B #191525 #15121F #100E19 #0C0B13 #08080E

#221C31 - #08080E

HSV Blend

#221C31 - #08080E | 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 #221C31 as 0% and #08080E as 100%.

0.0%	0.0% #221C31	RGB 34 28 49	#221C31
16.7%	16.7% #1D182B	RGB 29 24 43	#1D182B
33.3%	33.3% #181525	RGB 24 21 37	#181525
50.0%	50.0% #13121F	RGB 19 18 31	#13121F
66.7%	66.7% #0F0E19	RGB 15 14 25	#0F0E19
83.3%	83.3% #0B0B13	RGB 11 11 19	#0B0B13
100.0%	100.0% #08080E	RGB 8 8 14	#08080E

#221C31 #1D182B #181525 #13121F #0F0E19 #0B0B13 #08080E

#221C31 - #13121F - #08080E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #221C31 0%, #13121F 50%, #08080E 100%);
    background: -webkit-linear-gradient(top, #221C31 0%, #13121F 50%, #08080E 100%);
    background: linear-gradient(to bottom, #221C31 0%, #13121F 50%, #08080E 100%);
}
</style>