#2D2D6D - #071719 | 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 #2D2D6D to #071719

#2D2D6D #071719

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

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

0.0%	0.0% #2D2D6D	RGB 45 45 109	#2D2D6D
16.7%	16.7% #26295F	RGB 38 41 95	#26295F
33.3%	33.3% #202551	RGB 32 37 81	#202551
50.0%	50.0% #1A2243	RGB 26 34 67	#1A2243
66.7%	66.7% #131E35	RGB 19 30 53	#131E35
83.3%	83.3% #0D1A27	RGB 13 26 39	#0D1A27
100.0%	100.0% #071719	RGB 7 23 25	#071719

#2D2D6D #26295F #202551 #1A2243 #131E35 #0D1A27 #071719

#2D2D6D - #071719

HSV Blend

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

0.0%	0.0% #2D2D6D	RGB 45 45 109	#2D2D6D
16.7%	16.7% #252D5F	RGB 37 45 95	#252D5F
33.3%	33.3% #1D2D51	RGB 29 45 81	#1D2D51
50.0%	50.0% #172A43	RGB 23 42 67	#172A43
66.7%	66.7% #112635	RGB 17 38 53	#112635
83.3%	83.3% #0B1F27	RGB 11 31 39	#0B1F27
100.0%	100.0% #071719	RGB 7 23 25	#071719

#2D2D6D #252D5F #1D2D51 #172A43 #112635 #0B1F27 #071719

#2D2D6D - #172A43 - #071719

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D2D6D 0%, #172A43 50%, #071719 100%);
    background: -webkit-linear-gradient(top, #2D2D6D 0%, #172A43 50%, #071719 100%);
    background: linear-gradient(to bottom, #2D2D6D 0%, #172A43 50%, #071719 100%);
}
</style>