#0D1B30 - #39546B | 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 #0D1B30 to #39546B

#0D1B30 #39546B

Calculate the color between two colors, #0D1B30 and #39546B. 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)

#0D1B30 - #39546B | 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 #0D1B30 as 0% and #39546B as 100%.

0.0%	0.0% #0D1B30	RGB 13 27 48	#0D1B30
16.7%	16.7% #142439	RGB 20 36 57	#142439
33.3%	33.3% #1B2E43	RGB 27 46 67	#1B2E43
50.0%	50.0% #23374D	RGB 35 55 77	#23374D
66.7%	66.7% #2A4157	RGB 42 65 87	#2A4157
83.3%	83.3% #314A61	RGB 49 74 97	#314A61
100.0%	100.0% #39546B	RGB 57 84 107	#39546B

#0D1B30 #142439 #1B2E43 #23374D #2A4157 #314A61 #39546B

#0D1B30 - #39546B

HSV Blend

#0D1B30 - #39546B | 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 #0D1B30 as 0% and #39546B as 100%.

0.0%	0.0% #0D1A30	RGB 13 26 48	#0D1A30
16.7%	16.7% #122239	RGB 18 34 57	#122239
33.3%	33.3% #182B43	RGB 24 43 67	#182B43
50.0%	50.0% #1F344D	RGB 31 52 77	#1F344D
66.7%	66.7% #263E57	RGB 38 62 87	#263E57
83.3%	83.3% #2F4961	RGB 47 73 97	#2F4961
100.0%	100.0% #39546B	RGB 57 84 107	#39546B

#0D1A30 #122239 #182B43 #1F344D #263E57 #2F4961 #39546B

#0D1B30 - #1F344D - #39546B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0D1A30 0%, #1F344D 50%, #39546B 100%);
    background: -webkit-linear-gradient(top, #0D1A30 0%, #1F344D 50%, #39546B 100%);
    background: linear-gradient(to bottom, #0D1A30 0%, #1F344D 50%, #39546B 100%);
}
</style>