#3886A0 - #1D3E4E | 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 #3886A0 to #1D3E4E

#3886A0 #1D3E4E

Calculate the color between two colors, #3886A0 and #1D3E4E. 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)

#3886A0 - #1D3E4E | 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 #3886A0 as 0% and #1D3E4E as 100%.

0.0%	0.0% #3886A0	RGB 56 134 160	#3886A0
16.7%	16.7% #337A92	RGB 51 122 146	#337A92
33.3%	33.3% #2F6E84	RGB 47 110 132	#2F6E84
50.0%	50.0% #2A6277	RGB 42 98 119	#2A6277
66.7%	66.7% #265669	RGB 38 86 105	#265669
83.3%	83.3% #214A5B	RGB 33 74 91	#214A5B
100.0%	100.0% #1D3E4E	RGB 29 62 78	#1D3E4E

#3886A0 #337A92 #2F6E84 #2A6277 #265669 #214A5B #1D3E4E

#3886A0 - #1D3E4E

HSV Blend

#3886A0 - #1D3E4E | 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 #3886A0 as 0% and #1D3E4E as 100%.

0.0%	0.0% #3885A0	RGB 56 133 160	#3885A0
16.7%	16.7% #337992	RGB 51 121 146	#337992
33.3%	33.3% #2F6D84	RGB 47 109 132	#2F6D84
50.0%	50.0% #2A6177	RGB 42 97 119	#2A6177
66.7%	66.7% #265569	RGB 38 85 105	#265569
83.3%	83.3% #21495B	RGB 33 73 91	#21495B
100.0%	100.0% #1D3E4E	RGB 29 62 78	#1D3E4E

#3885A0 #337992 #2F6D84 #2A6177 #265569 #21495B #1D3E4E

#3886A0 - #2A6177 - #1D3E4E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3885A0 0%, #2A6177 50%, #1D3E4E 100%);
    background: -webkit-linear-gradient(top, #3885A0 0%, #2A6177 50%, #1D3E4E 100%);
    background: linear-gradient(to bottom, #3885A0 0%, #2A6177 50%, #1D3E4E 100%);
}
</style>