#5E69AA - #28285E | 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 #5E69AA to #28285E

#5E69AA #28285E

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

#5E69AA - #28285E | 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 #5E69AA as 0% and #28285E as 100%.

0.0%	0.0% #5E69AA	RGB 94 105 170	#5E69AA
16.7%	16.7% #555E9D	RGB 85 94 157	#555E9D
33.3%	33.3% #4C5390	RGB 76 83 144	#4C5390
50.0%	50.0% #434884	RGB 67 72 132	#434884
66.7%	66.7% #3A3D77	RGB 58 61 119	#3A3D77
83.3%	83.3% #31326A	RGB 49 50 106	#31326A
100.0%	100.0% #28285E	RGB 40 40 94	#28285E

#5E69AA #555E9D #4C5390 #434884 #3A3D77 #31326A #28285E

#5E69AA - #28285E

HSV Blend

#5E69AA - #28285E | 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 #5E69AA as 0% and #28285E as 100%.

0.0%	0.0% #5E69AA	RGB 94 105 170	#5E69AA
16.7%	16.7% #535C9D	RGB 83 92 157	#535C9D
33.3%	33.3% #495090	RGB 73 80 144	#495090
50.0%	50.0% #404584	RGB 64 69 132	#404584
66.7%	66.7% #373A77	RGB 55 58 119	#373A77
83.3%	83.3% #2F316A	RGB 47 49 106	#2F316A
100.0%	100.0% #28285E	RGB 40 40 94	#28285E

#5E69AA #535C9D #495090 #404584 #373A77 #2F316A #28285E

#5E69AA - #404584 - #28285E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E69AA 0%, #404584 50%, #28285E 100%);
    background: -webkit-linear-gradient(top, #5E69AA 0%, #404584 50%, #28285E 100%);
    background: linear-gradient(to bottom, #5E69AA 0%, #404584 50%, #28285E 100%);
}
</style>