#1B1D3B - #49546D | 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 #1B1D3B to #49546D

#1B1D3B #49546D

Calculate the color between two colors, #1B1D3B and #49546D. 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)

#1B1D3B - #49546D | 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 #1B1D3B as 0% and #49546D as 100%.

0.0%	0.0% #1B1D3B	RGB 27 29 59	#1B1D3B
16.7%	16.7% #222643	RGB 34 38 67	#222643
33.3%	33.3% #2A2F4B	RGB 42 47 75	#2A2F4B
50.0%	50.0% #323854	RGB 50 56 84	#323854
66.7%	66.7% #39415C	RGB 57 65 92	#39415C
83.3%	83.3% #414A64	RGB 65 74 100	#414A64
100.0%	100.0% #49546D	RGB 73 84 109	#49546D

#1B1D3B #222643 #2A2F4B #323854 #39415C #414A64 #49546D

#1B1D3B - #49546D

HSV Blend

#1B1D3B - #49546D | 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 #1B1D3B as 0% and #49546D as 100%.

0.0%	0.0% #1B1D3B	RGB 27 29 59	#1B1D3B
16.7%	16.7% #212443	RGB 33 36 67	#212443
33.3%	33.3% #272D4B	RGB 39 45 75	#272D4B
50.0%	50.0% #2F3654	RGB 47 54 84	#2F3654
66.7%	66.7% #373F5C	RGB 55 63 92	#373F5C
83.3%	83.3% #3F4964	RGB 63 73 100	#3F4964
100.0%	100.0% #49546D	RGB 73 84 109	#49546D

#1B1D3B #212443 #272D4B #2F3654 #373F5C #3F4964 #49546D

#1B1D3B - #2F3654 - #49546D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B1D3B 0%, #2F3654 50%, #49546D 100%);
    background: -webkit-linear-gradient(top, #1B1D3B 0%, #2F3654 50%, #49546D 100%);
    background: linear-gradient(to bottom, #1B1D3B 0%, #2F3654 50%, #49546D 100%);
}
</style>