#5E65A1 - #282854 | 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 #5E65A1 to #282854

#5E65A1 #282854

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

#5E65A1 - #282854 | 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 #5E65A1 as 0% and #282854 as 100%.

0.0%	0.0% #5E65A1	RGB 94 101 161	#5E65A1
16.7%	16.7% #555A94	RGB 85 90 148	#555A94
33.3%	33.3% #4C5087	RGB 76 80 135	#4C5087
50.0%	50.0% #43467A	RGB 67 70 122	#43467A
66.7%	66.7% #3A3C6D	RGB 58 60 109	#3A3C6D
83.3%	83.3% #313260	RGB 49 50 96	#313260
100.0%	100.0% #282854	RGB 40 40 84	#282854

#5E65A1 #555A94 #4C5087 #43467A #3A3C6D #313260 #282854

#5E65A1 - #282854

HSV Blend

#5E65A1 - #282854 | 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 #5E65A1 as 0% and #282854 as 100%.

0.0%	0.0% #5E65A1	RGB 94 101 161	#5E65A1
16.7%	16.7% #535994	RGB 83 89 148	#535994
33.3%	33.3% #4A4E87	RGB 74 78 135	#4A4E87
50.0%	50.0% #40437A	RGB 64 67 122	#40437A
66.7%	66.7% #383A6D	RGB 56 58 109	#383A6D
83.3%	83.3% #2F3060	RGB 47 48 96	#2F3060
100.0%	100.0% #282854	RGB 40 40 84	#282854

#5E65A1 #535994 #4A4E87 #40437A #383A6D #2F3060 #282854

#5E65A1 - #40437A - #282854

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E65A1 0%, #40437A 50%, #282854 100%);
    background: -webkit-linear-gradient(top, #5E65A1 0%, #40437A 50%, #282854 100%);
    background: linear-gradient(to bottom, #5E65A1 0%, #40437A 50%, #282854 100%);
}
</style>