#080A0C - #321B3E | 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 #080A0C to #321B3E

#080A0C #321B3E

Calculate the color between two colors, #080A0C and #321B3E. 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)

#080A0C - #321B3E | 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 #080A0C as 0% and #321B3E as 100%.

0.0%	0.0% #080A0C	RGB 8 10 12	#080A0C
16.7%	16.7% #0F0C14	RGB 15 12 20	#0F0C14
33.3%	33.3% #160F1C	RGB 22 15 28	#160F1C
50.0%	50.0% #1D1225	RGB 29 18 37	#1D1225
66.7%	66.7% #24152D	RGB 36 21 45	#24152D
83.3%	83.3% #2B1835	RGB 43 24 53	#2B1835
100.0%	100.0% #321B3E	RGB 50 27 62	#321B3E

#080A0C #0F0C14 #160F1C #1D1225 #24152D #2B1835 #321B3E

#080A0C - #321B3E

HSV Blend

#080A0C - #321B3E | 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 #080A0C as 0% and #321B3E as 100%.

0.0%	0.0% #08090C	RGB 8 9 12	#08090C
16.7%	16.7% #0C0F14	RGB 12 15 20	#0C0F14
33.3%	33.3% #10121C	RGB 16 18 28	#10121C
50.0%	50.0% #151425	RGB 21 20 37	#151425
66.7%	66.7% #1D172D	RGB 29 23 45	#1D172D
83.3%	83.3% #261935	RGB 38 25 53	#261935
100.0%	100.0% #321B3E	RGB 50 27 62	#321B3E

#08090C #0C0F14 #10121C #151425 #1D172D #261935 #321B3E

#080A0C - #151425 - #321B3E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #08090C 0%, #151425 50%, #321B3E 100%);
    background: -webkit-linear-gradient(top, #08090C 0%, #151425 50%, #321B3E 100%);
    background: linear-gradient(to bottom, #08090C 0%, #151425 50%, #321B3E 100%);
}
</style>