#5DACE0 - #1A3040 | 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 #5DACE0 to #1A3040

#5DACE0 #1A3040

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

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

0.0%	0.0% #5DACE0	RGB 93 172 224	#5DACE0
16.7%	16.7% #5197C5	RGB 81 151 197	#5197C5
33.3%	33.3% #4682AA	RGB 70 130 170	#4682AA
50.0%	50.0% #3B6E90	RGB 59 110 144	#3B6E90
66.7%	66.7% #305975	RGB 48 89 117	#305975
83.3%	83.3% #25445A	RGB 37 68 90	#25445A
100.0%	100.0% #1A3040	RGB 26 48 64	#1A3040

#5DACE0 #5197C5 #4682AA #3B6E90 #305975 #25445A #1A3040

#5DACE0 - #1A3040

HSV Blend

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

0.0%	0.0% #5DACE0	RGB 93 172 224	#5DACE0
16.7%	16.7% #5196C5	RGB 81 150 197	#5196C5
33.3%	33.3% #4682AA	RGB 70 130 170	#4682AA
50.0%	50.0% #3B6D90	RGB 59 109 144	#3B6D90
66.7%	66.7% #305875	RGB 48 88 117	#305875
83.3%	83.3% #24445A	RGB 36 68 90	#24445A
100.0%	100.0% #1A3040	RGB 26 48 64	#1A3040

#5DACE0 #5196C5 #4682AA #3B6D90 #305875 #24445A #1A3040

#5DACE0 - #3B6D90 - #1A3040

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5DACE0 0%, #3B6D90 50%, #1A3040 100%);
    background: -webkit-linear-gradient(top, #5DACE0 0%, #3B6D90 50%, #1A3040 100%);
    background: linear-gradient(to bottom, #5DACE0 0%, #3B6D90 50%, #1A3040 100%);
}
</style>