#201224 - #000308 | 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 #201224 to #000308

#201224 #000308

Calculate the color between two colors, #201224 and #000308. 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)

#201224 - #000308 | 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 #201224 as 0% and #000308 as 100%.

0.0%	0.0% #201224	RGB 32 18 36	#201224
16.7%	16.7% #1A0F1F	RGB 26 15 31	#1A0F1F
33.3%	33.3% #150D1A	RGB 21 13 26	#150D1A
50.0%	50.0% #100A16	RGB 16 10 22	#100A16
66.7%	66.7% #0A0811	RGB 10 8 17	#0A0811
83.3%	83.3% #05050C	RGB 5 5 12	#05050C
100.0%	100.0% #000308	RGB 0 3 8	#000308

#201224 #1A0F1F #150D1A #100A16 #0A0811 #05050C #000308

#201224 - #000308

HSV Blend

#201224 - #000308 | 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 #201224 as 0% and #000308 as 100%.

0.0%	0.0% #201224	RGB 32 18 36	#201224
16.7%	16.7% #170D1F	RGB 23 13 31	#170D1F
33.3%	33.3% #0F081A	RGB 15 8 26	#0F081A
50.0%	50.0% #080516	RGB 8 5 22	#080516
66.7%	66.7% #030211	RGB 3 2 17	#030211
83.3%	83.3% #01030C	RGB 1 3 12	#01030C
100.0%	100.0% #000308	RGB 0 3 8	#000308

#201224 #170D1F #0F081A #080516 #030211 #01030C #000308

#201224 - #080516 - #000308

CSS codes

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

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