#030D2D - #2D2D6B | 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 #030D2D to #2D2D6B

#030D2D #2D2D6B

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

#030D2D - #2D2D6B | 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 #030D2D as 0% and #2D2D6B as 100%.

0.0%	0.0% #030D2D	RGB 3 13 45	#030D2D
16.7%	16.7% #0A1237	RGB 10 18 55	#0A1237
33.3%	33.3% #111741	RGB 17 23 65	#111741
50.0%	50.0% #181D4C	RGB 24 29 76	#181D4C
66.7%	66.7% #1F2256	RGB 31 34 86	#1F2256
83.3%	83.3% #262760	RGB 38 39 96	#262760
100.0%	100.0% #2D2D6B	RGB 45 45 107	#2D2D6B

#030D2D #0A1237 #111741 #181D4C #1F2256 #262760 #2D2D6B

#030D2D - #2D2D6B

HSV Blend

#030D2D - #2D2D6B | 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 #030D2D as 0% and #2D2D6B as 100%.

0.0%	0.0% #020D2D	RGB 2 13 45	#020D2D
16.7%	16.7% #061037	RGB 6 16 55	#061037
33.3%	33.3% #0C1441	RGB 12 20 65	#0C1441
50.0%	50.0% #12194C	RGB 18 25 76	#12194C
66.7%	66.7% #1A1E56	RGB 26 30 86	#1A1E56
83.3%	83.3% #222560	RGB 34 37 96	#222560
100.0%	100.0% #2D2D6B	RGB 45 45 107	#2D2D6B

#020D2D #061037 #0C1441 #12194C #1A1E56 #222560 #2D2D6B

#030D2D - #12194C - #2D2D6B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #020D2D 0%, #12194C 50%, #2D2D6B 100%);
    background: -webkit-linear-gradient(top, #020D2D 0%, #12194C 50%, #2D2D6B 100%);
    background: linear-gradient(to bottom, #020D2D 0%, #12194C 50%, #2D2D6B 100%);
}
</style>