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

#282878 #5E6CAC

Calculate the color between two colors, #282878 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)

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

0.0%	0.0% #282878	RGB 40 40 120	#282878
16.7%	16.7% #313380	RGB 49 51 128	#313380
33.3%	33.3% #3A3E89	RGB 58 62 137	#3A3E89
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

#282878 #313380 #3A3E89 #434A92 #4C559A #5560A3 #5E6CAC

#282878 - #5E6CAC

HSV Blend

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

0.0%	0.0% #282878	RGB 40 40 120	#282878
16.7%	16.7% #2F3180	RGB 47 49 128	#2F3180
33.3%	33.3% #373C89	RGB 55 60 137	#373C89
50.0%	50.0% #404792	RGB 64 71 146	#404792
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

#282878 #2F3180 #373C89 #404792 #49539A #535FA3 #5E6CAC

#282878 - #404792 - #5E6CAC

CSS codes

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

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