#242448 - #5A5E77 | 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 #242448 to #5A5E77

#242448 #5A5E77

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

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

0.0%	0.0% #242448	RGB 36 36 72	#242448
16.7%	16.7% #2D2D4F	RGB 45 45 79	#2D2D4F
33.3%	33.3% #363757	RGB 54 55 87	#363757
50.0%	50.0% #3F415F	RGB 63 65 95	#3F415F
66.7%	66.7% #484A67	RGB 72 74 103	#484A67
83.3%	83.3% #51546F	RGB 81 84 111	#51546F
100.0%	100.0% #5A5E77	RGB 90 94 119	#5A5E77

#242448 #2D2D4F #363757 #3F415F #484A67 #51546F #5A5E77

#242448 - #5A5E77

HSV Blend

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

0.0%	0.0% #242448	RGB 36 36 72	#242448
16.7%	16.7% #2B2C4F	RGB 43 44 79	#2B2C4F
33.3%	33.3% #333457	RGB 51 52 87	#333457
50.0%	50.0% #3B3E5F	RGB 59 62 95	#3B3E5F
66.7%	66.7% #454867	RGB 69 72 103	#454867
83.3%	83.3% #4F526F	RGB 79 82 111	#4F526F
100.0%	100.0% #5A5E77	RGB 90 94 119	#5A5E77

#242448 #2B2C4F #333457 #3B3E5F #454867 #4F526F #5A5E77

#242448 - #3B3E5F - #5A5E77

CSS codes

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

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