#5E75BE - #1D2F6B | 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 #5E75BE to #1D2F6B

#5E75BE #1D2F6B

Calculate the color between two colors, #5E75BE and #1D2F6B. 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)

#5E75BE - #1D2F6B | 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 #5E75BE as 0% and #1D2F6B as 100%.

0.0%	0.0% #5E75BE	RGB 94 117 190	#5E75BE
16.7%	16.7% #5369B0	RGB 83 105 176	#5369B0
33.3%	33.3% #485DA2	RGB 72 93 162	#485DA2
50.0%	50.0% #3D5294	RGB 61 82 148	#3D5294
66.7%	66.7% #324686	RGB 50 70 134	#324686
83.3%	83.3% #273A78	RGB 39 58 120	#273A78
100.0%	100.0% #1D2F6B	RGB 29 47 107	#1D2F6B

#5E75BE #5369B0 #485DA2 #3D5294 #324686 #273A78 #1D2F6B

#5E75BE - #1D2F6B

HSV Blend

#5E75BE - #1D2F6B | 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 #5E75BE as 0% and #1D2F6B as 100%.

0.0%	0.0% #5E75BE	RGB 94 117 190	#5E75BE
16.7%	16.7% #5067B0	RGB 80 103 176	#5067B0
33.3%	33.3% #445AA2	RGB 68 90 162	#445AA2
50.0%	50.0% #384E94	RGB 56 78 148	#384E94
66.7%	66.7% #2E4386	RGB 46 67 134	#2E4386
83.3%	83.3% #253878	RGB 37 56 120	#253878
100.0%	100.0% #1D2F6B	RGB 29 47 107	#1D2F6B

#5E75BE #5067B0 #445AA2 #384E94 #2E4386 #253878 #1D2F6B

#5E75BE - #384E94 - #1D2F6B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E75BE 0%, #384E94 50%, #1D2F6B 100%);
    background: -webkit-linear-gradient(top, #5E75BE 0%, #384E94 50%, #1D2F6B 100%);
    background: linear-gradient(to bottom, #5E75BE 0%, #384E94 50%, #1D2F6B 100%);
}
</style>