#242B5E - #6045BD | 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 #242B5E to #6045BD

#242B5E #6045BD

Calculate the color between two colors, #242B5E and #6045BD. 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)

#242B5E - #6045BD | 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 #242B5E as 0% and #6045BD as 100%.

0.0%	0.0% #242B5E	RGB 36 43 94	#242B5E
16.7%	16.7% #2E2F6D	RGB 46 47 109	#2E2F6D
33.3%	33.3% #38337D	RGB 56 51 125	#38337D
50.0%	50.0% #42388D	RGB 66 56 141	#42388D
66.7%	66.7% #4C3C9D	RGB 76 60 157	#4C3C9D
83.3%	83.3% #5640AD	RGB 86 64 173	#5640AD
100.0%	100.0% #6045BD	RGB 96 69 189	#6045BD

#242B5E #2E2F6D #38337D #42388D #4C3C9D #5640AD #6045BD

#242B5E - #6045BD

HSV Blend

#242B5E - #6045BD | 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 #242B5E as 0% and #6045BD as 100%.

0.0%	0.0% #242B5E	RGB 36 43 94	#242B5E
16.7%	16.7% #292E6D	RGB 41 46 109	#292E6D
33.3%	33.3% #2F2F7D	RGB 47 47 125	#2F2F7D
50.0%	50.0% #39348D	RGB 57 52 141	#39348D
66.7%	66.7% #453A9D	RGB 69 58 157	#453A9D
83.3%	83.3% #523FAD	RGB 82 63 173	#523FAD
100.0%	100.0% #6045BD	RGB 96 69 189	#6045BD

#242B5E #292E6D #2F2F7D #39348D #453A9D #523FAD #6045BD

#242B5E - #39348D - #6045BD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #242B5E 0%, #39348D 50%, #6045BD 100%);
    background: -webkit-linear-gradient(top, #242B5E 0%, #39348D 50%, #6045BD 100%);
    background: linear-gradient(to bottom, #242B5E 0%, #39348D 50%, #6045BD 100%);
}
</style>