#5E82B8 - #213A68 | 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 #5E82B8 to #213A68

#5E82B8 #213A68

Calculate the color between two colors, #5E82B8 and #213A68. 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)

#5E82B8 - #213A68 | 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 #5E82B8 as 0% and #213A68 as 100%.

0.0%	0.0% #5E82B8	RGB 94 130 184	#5E82B8
16.7%	16.7% #5376AA	RGB 83 118 170	#5376AA
33.3%	33.3% #496A9D	RGB 73 106 157	#496A9D
50.0%	50.0% #3F5E90	RGB 63 94 144	#3F5E90
66.7%	66.7% #355282	RGB 53 82 130	#355282
83.3%	83.3% #2B4675	RGB 43 70 117	#2B4675
100.0%	100.0% #213A68	RGB 33 58 104	#213A68

#5E82B8 #5376AA #496A9D #3F5E90 #355282 #2B4675 #213A68

#5E82B8 - #213A68

HSV Blend

#5E82B8 - #213A68 | 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 #5E82B8 as 0% and #213A68 as 100%.

0.0%	0.0% #5E82B8	RGB 94 130 184	#5E82B8
16.7%	16.7% #5174AA	RGB 81 116 170	#5174AA
33.3%	33.3% #46679D	RGB 70 103 157	#46679D
50.0%	50.0% #3B5B90	RGB 59 91 144	#3B5B90
66.7%	66.7% #314F82	RGB 49 79 130	#314F82
83.3%	83.3% #294475	RGB 41 68 117	#294475
100.0%	100.0% #213A68	RGB 33 58 104	#213A68

#5E82B8 #5174AA #46679D #3B5B90 #314F82 #294475 #213A68

#5E82B8 - #3B5B90 - #213A68

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E82B8 0%, #3B5B90 50%, #213A68 100%);
    background: -webkit-linear-gradient(top, #5E82B8 0%, #3B5B90 50%, #213A68 100%);
    background: linear-gradient(to bottom, #5E82B8 0%, #3B5B90 50%, #213A68 100%);
}
</style>