#242543 - #5B5E71 | 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 #242543 to #5B5E71

#242543 #5B5E71

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

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

0.0%	0.0% #242543	RGB 36 37 67	#242543
16.7%	16.7% #2D2E4A	RGB 45 46 74	#2D2E4A
33.3%	33.3% #363852	RGB 54 56 82	#363852
50.0%	50.0% #3F415A	RGB 63 65 90	#3F415A
66.7%	66.7% #484B61	RGB 72 75 97	#484B61
83.3%	83.3% #515469	RGB 81 84 105	#515469
100.0%	100.0% #5B5E71	RGB 91 94 113	#5B5E71

#242543 #2D2E4A #363852 #3F415A #484B61 #515469 #5B5E71

#242543 - #5B5E71

HSV Blend

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

0.0%	0.0% #242443	RGB 36 36 67	#242443
16.7%	16.7% #2B2D4A	RGB 43 45 74	#2B2D4A
33.3%	33.3% #333552	RGB 51 53 82	#333552
50.0%	50.0% #3C3E5A	RGB 60 62 90	#3C3E5A
66.7%	66.7% #454861	RGB 69 72 97	#454861
83.3%	83.3% #505369	RGB 80 83 105	#505369
100.0%	100.0% #5B5E71	RGB 91 94 113	#5B5E71

#242443 #2B2D4A #333552 #3C3E5A #454861 #505369 #5B5E71

#242543 - #3C3E5A - #5B5E71

CSS codes

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

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