#2D2D2D - #300041 | 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 #2D2D2D to #300041

#2D2D2D #300041

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

#2D2D2D - #300041 | 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 #2D2D2D as 0% and #300041 as 100%.

0.0%	0.0% #2D2D2D	RGB 45 45 45	#2D2D2D
16.7%	16.7% #2D2530	RGB 45 37 48	#2D2530
33.3%	33.3% #2E1E33	RGB 46 30 51	#2E1E33
50.0%	50.0% #2E1637	RGB 46 22 55	#2E1637
66.7%	66.7% #2F0E3A	RGB 47 14 58	#2F0E3A
83.3%	83.3% #2F073D	RGB 47 7 61	#2F073D
100.0%	100.0% #300041	RGB 48 0 65	#300041

#2D2D2D #2D2530 #2E1E33 #2E1637 #2F0E3A #2F073D #300041

#2D2D2D - #300041

HSV Blend

#2D2D2D - #300041 | 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 #2D2D2D as 0% and #300041 as 100%.

0.0%	0.0% #2D2D2D	RGB 45 45 45	#2D2D2D
16.7%	16.7% #302829	RGB 48 40 41	#302829
33.3%	33.3% #332229	RGB 51 34 41	#332229
50.0%	50.0% #371B2C	RGB 55 27 44	#371B2C
66.7%	66.7% #3A1334	RGB 58 19 52	#3A1334
83.3%	83.3% #3B0A3D	RGB 59 10 61	#3B0A3D
100.0%	100.0% #300041	RGB 48 0 65	#300041

#2D2D2D #302829 #332229 #371B2C #3A1334 #3B0A3D #300041

#2D2D2D - #371B2C - #300041

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D2D2D 0%, #371B2C 50%, #300041 100%);
    background: -webkit-linear-gradient(top, #2D2D2D 0%, #371B2C 50%, #300041 100%);
    background: linear-gradient(to bottom, #2D2D2D 0%, #371B2C 50%, #300041 100%);
}
</style>