#3D4D5E - #0E132D | 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 #3D4D5E to #0E132D

#3D4D5E #0E132D

Calculate the color between two colors, #3D4D5E and #0E132D. 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)

#3D4D5E - #0E132D | 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 #3D4D5E as 0% and #0E132D as 100%.

0.0%	0.0% #3D4D5E	RGB 61 77 94	#3D4D5E
16.7%	16.7% #354355	RGB 53 67 85	#354355
33.3%	33.3% #2D394D	RGB 45 57 77	#2D394D
50.0%	50.0% #253045	RGB 37 48 69	#253045
66.7%	66.7% #1D263D	RGB 29 38 61	#1D263D
83.3%	83.3% #151C35	RGB 21 28 53	#151C35
100.0%	100.0% #0E132D	RGB 14 19 45	#0E132D

#3D4D5E #354355 #2D394D #253045 #1D263D #151C35 #0E132D

#3D4D5E - #0E132D

HSV Blend

#3D4D5E - #0E132D | 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 #3D4D5E as 0% and #0E132D as 100%.

0.0%	0.0% #3D4D5E	RGB 61 77 94	#3D4D5E
16.7%	16.7% #324155	RGB 50 65 85	#324155
33.3%	33.3% #29374D	RGB 41 55 77	#29374D
50.0%	50.0% #212D45	RGB 33 45 69	#212D45
66.7%	66.7% #19233D	RGB 25 35 61	#19233D
83.3%	83.3% #131A35	RGB 19 26 53	#131A35
100.0%	100.0% #0E132D	RGB 14 19 45	#0E132D

#3D4D5E #324155 #29374D #212D45 #19233D #131A35 #0E132D

#3D4D5E - #212D45 - #0E132D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D4D5E 0%, #212D45 50%, #0E132D 100%);
    background: -webkit-linear-gradient(top, #3D4D5E 0%, #212D45 50%, #0E132D 100%);
    background: linear-gradient(to bottom, #3D4D5E 0%, #212D45 50%, #0E132D 100%);
}
</style>