#2D2D2D - #1D0041 | 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 #1D0041

#2D2D2D #1D0041

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

0.0%	0.0% #2D2D2D	RGB 45 45 45	#2D2D2D
16.7%	16.7% #2A2530	RGB 42 37 48	#2A2530
33.3%	33.3% #271E33	RGB 39 30 51	#271E33
50.0%	50.0% #251637	RGB 37 22 55	#251637
66.7%	66.7% #220E3A	RGB 34 14 58	#220E3A
83.3%	83.3% #1F073D	RGB 31 7 61	#1F073D
100.0%	100.0% #1D0041	RGB 29 0 65	#1D0041

#2D2D2D #2A2530 #271E33 #251637 #220E3A #1F073D #1D0041

#2D2D2D - #1D0041

HSV Blend

#2D2D2D - #1D0041 | 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 #1D0041 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% #33222B	RGB 51 34 43	#33222B
50.0%	50.0% #371B30	RGB 55 27 48	#371B30
66.7%	66.7% #38133A	RGB 56 19 58	#38133A
83.3%	83.3% #2E0A3D	RGB 46 10 61	#2E0A3D
100.0%	100.0% #1D0041	RGB 29 0 65	#1D0041

#2D2D2D #30282A #33222B #371B30 #38133A #2E0A3D #1D0041

#2D2D2D - #371B30 - #1D0041

CSS codes

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

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