#2D2D2D - #110041 | 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 #110041

#2D2D2D #110041

Calculate the color between two colors, #2D2D2D and #110041. 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 - #110041 | 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 #110041 as 100%.

0.0%	0.0% #2D2D2D	RGB 45 45 45	#2D2D2D
16.7%	16.7% #282530	RGB 40 37 48	#282530
33.3%	33.3% #231E33	RGB 35 30 51	#231E33
50.0%	50.0% #1F1637	RGB 31 22 55	#1F1637
66.7%	66.7% #1A0E3A	RGB 26 14 58	#1A0E3A
83.3%	83.3% #15073D	RGB 21 7 61	#15073D
100.0%	100.0% #110041	RGB 17 0 65	#110041

#2D2D2D #282530 #231E33 #1F1637 #1A0E3A #15073D #110041

#2D2D2D - #110041

HSV Blend

#2D2D2D - #110041 | 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 #110041 as 100%.

0.0%	0.0% #2D2D2D	RGB 45 45 45	#2D2D2D
16.7%	16.7% #30282A	RGB 48 40 42	#30282A
33.3%	33.3% #33222C	RGB 51 34 44	#33222C
50.0%	50.0% #371B33	RGB 55 27 51	#371B33
66.7%	66.7% #34133A	RGB 52 19 58	#34133A
83.3%	83.3% #260A3D	RGB 38 10 61	#260A3D
100.0%	100.0% #110041	RGB 17 0 65	#110041

#2D2D2D #30282A #33222C #371B33 #34133A #260A3D #110041

#2D2D2D - #371B33 - #110041

CSS codes

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

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