#2C2450 - #1B020B | 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 #2C2450 to #1B020B

#2C2450 #1B020B

Calculate the color between two colors, #2C2450 and #1B020B. 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)

#2C2450 - #1B020B | 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 #2C2450 as 0% and #1B020B as 100%.

0.0%	0.0% #2C2450	RGB 44 36 80	#2C2450
16.7%	16.7% #291E44	RGB 41 30 68	#291E44
33.3%	33.3% #261839	RGB 38 24 57	#261839
50.0%	50.0% #23132D	RGB 35 19 45	#23132D
66.7%	66.7% #200D21	RGB 32 13 33	#200D21
83.3%	83.3% #1D0716	RGB 29 7 22	#1D0716
100.0%	100.0% #1B020B	RGB 27 2 11	#1B020B

#2C2450 #291E44 #261839 #23132D #200D21 #1D0716 #1B020B

#2C2450 - #1B020B

HSV Blend

#2C2450 - #1B020B | 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 #2C2450 as 0% and #1B020B as 100%.

0.0%	0.0% #2B2450	RGB 43 36 80	#2B2450
16.7%	16.7% #2E1B47	RGB 46 27 71	#2E1B47
33.3%	33.3% #30143E	RGB 48 20 62	#30143E
50.0%	50.0% #310E35	RGB 49 14 53	#310E35
66.7%	66.7% #2C0827	RGB 44 8 39	#2C0827
83.3%	83.3% #230417	RGB 35 4 23	#230417
100.0%	100.0% #1B020B	RGB 27 2 11	#1B020B

#2B2450 #2E1B47 #30143E #310E35 #2C0827 #230417 #1B020B

#2C2450 - #310E35 - #1B020B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B2450 0%, #310E35 50%, #1B020B 100%);
    background: -webkit-linear-gradient(top, #2B2450 0%, #310E35 50%, #1B020B 100%);
    background: linear-gradient(to bottom, #2B2450 0%, #310E35 50%, #1B020B 100%);
}
</style>