#292978 - #5E6CAC | 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 #292978 to #5E6CAC

#292978 #5E6CAC

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

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

0.0%	0.0% #292978	RGB 41 41 120	#292978
16.7%	16.7% #313480	RGB 49 52 128	#313480
33.3%	33.3% #3A3F89	RGB 58 63 137	#3A3F89
50.0%	50.0% #434A92	RGB 67 74 146	#434A92
66.7%	66.7% #4C559A	RGB 76 85 154	#4C559A
83.3%	83.3% #5560A3	RGB 85 96 163	#5560A3
100.0%	100.0% #5E6CAC	RGB 94 108 172	#5E6CAC

#292978 #313480 #3A3F89 #434A92 #4C559A #5560A3 #5E6CAC

#292978 - #5E6CAC

HSV Blend

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

0.0%	0.0% #292878	RGB 41 40 120	#292878
16.7%	16.7% #303280	RGB 48 50 128	#303280
33.3%	33.3% #383D89	RGB 56 61 137	#383D89
50.0%	50.0% #404892	RGB 64 72 146	#404892
66.7%	66.7% #49539A	RGB 73 83 154	#49539A
83.3%	83.3% #535FA3	RGB 83 95 163	#535FA3
100.0%	100.0% #5E6CAC	RGB 94 108 172	#5E6CAC

#292878 #303280 #383D89 #404892 #49539A #535FA3 #5E6CAC

#292978 - #404892 - #5E6CAC

CSS codes

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

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