#3D448B - #838CB5 | 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 #3D448B to #838CB5

#3D448B #838CB5

Calculate the color between two colors, #3D448B and #838CB5. 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)

#3D448B - #838CB5 | 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 #3D448B as 0% and #838CB5 as 100%.

0.0%	0.0% #3D448B	RGB 61 68 139	#3D448B
16.7%	16.7% #485092	RGB 72 80 146	#485092
33.3%	33.3% #545C99	RGB 84 92 153	#545C99
50.0%	50.0% #6068A0	RGB 96 104 160	#6068A0
66.7%	66.7% #6B74A7	RGB 107 116 167	#6B74A7
83.3%	83.3% #7780AE	RGB 119 128 174	#7780AE
100.0%	100.0% #838CB5	RGB 131 140 181	#838CB5

#3D448B #485092 #545C99 #6068A0 #6B74A7 #7780AE #838CB5

#3D448B - #838CB5

HSV Blend

#3D448B - #838CB5 | 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 #3D448B as 0% and #838CB5 as 100%.

0.0%	0.0% #3D448B	RGB 61 68 139	#3D448B
16.7%	16.7% #474E92	RGB 71 78 146	#474E92
33.3%	33.3% #515A99	RGB 81 90 153	#515A99
50.0%	50.0% #5D66A0	RGB 93 102 160	#5D66A0
66.7%	66.7% #6972A7	RGB 105 114 167	#6972A7
83.3%	83.3% #757EAE	RGB 117 126 174	#757EAE
100.0%	100.0% #838CB5	RGB 131 140 181	#838CB5

#3D448B #474E92 #515A99 #5D66A0 #6972A7 #757EAE #838CB5

#3D448B - #5D66A0 - #838CB5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D448B 0%, #5D66A0 50%, #838CB5 100%);
    background: -webkit-linear-gradient(top, #3D448B 0%, #5D66A0 50%, #838CB5 100%);
    background: linear-gradient(to bottom, #3D448B 0%, #5D66A0 50%, #838CB5 100%);
}
</style>