#5E71AF - #242E60 | 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 #5E71AF to #242E60

#5E71AF #242E60

Calculate the color between two colors, #5E71AF and #242E60. 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)

#5E71AF - #242E60 | 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 #5E71AF as 0% and #242E60 as 100%.

0.0%	0.0% #5E71AF	RGB 94 113 175	#5E71AF
16.7%	16.7% #5465A1	RGB 84 101 161	#5465A1
33.3%	33.3% #4A5A94	RGB 74 90 148	#4A5A94
50.0%	50.0% #414F87	RGB 65 79 135	#414F87
66.7%	66.7% #37447A	RGB 55 68 122	#37447A
83.3%	83.3% #2D396D	RGB 45 57 109	#2D396D
100.0%	100.0% #242E60	RGB 36 46 96	#242E60

#5E71AF #5465A1 #4A5A94 #414F87 #37447A #2D396D #242E60

#5E71AF - #242E60

HSV Blend

#5E71AF - #242E60 | 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 #5E71AF as 0% and #242E60 as 100%.

0.0%	0.0% #5E71AF	RGB 94 113 175	#5E71AF
16.7%	16.7% #5264A1	RGB 82 100 161	#5264A1
33.3%	33.3% #475894	RGB 71 88 148	#475894
50.0%	50.0% #3D4C87	RGB 61 76 135	#3D4C87
66.7%	66.7% #34417A	RGB 52 65 122	#34417A
83.3%	83.3% #2B376D	RGB 43 55 109	#2B376D
100.0%	100.0% #242E60	RGB 36 46 96	#242E60

#5E71AF #5264A1 #475894 #3D4C87 #34417A #2B376D #242E60

#5E71AF - #3D4C87 - #242E60

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E71AF 0%, #3D4C87 50%, #242E60 100%);
    background: -webkit-linear-gradient(top, #5E71AF 0%, #3D4C87 50%, #242E60 100%);
    background: linear-gradient(to bottom, #5E71AF 0%, #3D4C87 50%, #242E60 100%);
}
</style>