#241B5E - #719AAF | 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 #241B5E to #719AAF

#241B5E #719AAF

Calculate the color between two colors, #241B5E and #719AAF. 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)

#241B5E - #719AAF | 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 #241B5E as 0% and #719AAF as 100%.

0.0%	0.0% #241B5E	RGB 36 27 94	#241B5E
16.7%	16.7% #30306B	RGB 48 48 107	#30306B
33.3%	33.3% #3D4579	RGB 61 69 121	#3D4579
50.0%	50.0% #4A5A86	RGB 74 90 134	#4A5A86
66.7%	66.7% #576F94	RGB 87 111 148	#576F94
83.3%	83.3% #6484A1	RGB 100 132 161	#6484A1
100.0%	100.0% #719AAF	RGB 113 154 175	#719AAF

#241B5E #30306B #3D4579 #4A5A86 #576F94 #6484A1 #719AAF

#241B5E - #719AAF

HSV Blend

#241B5E - #719AAF | 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 #241B5E as 0% and #719AAF as 100%.

0.0%	0.0% #241B5E	RGB 36 27 94	#241B5E
16.7%	16.7% #25256B	RGB 37 37 107	#25256B
33.3%	33.3% #313A79	RGB 49 58 121	#313A79
50.0%	50.0% #3E5186	RGB 62 81 134	#3E5186
66.7%	66.7% #4D6994	RGB 77 105 148	#4D6994
83.3%	83.3% #5E81A1	RGB 94 129 161	#5E81A1
100.0%	100.0% #719AAF	RGB 113 154 175	#719AAF

#241B5E #25256B #313A79 #3E5186 #4D6994 #5E81A1 #719AAF

#241B5E - #3E5186 - #719AAF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #241B5E 0%, #3E5186 50%, #719AAF 100%);
    background: -webkit-linear-gradient(top, #241B5E 0%, #3E5186 50%, #719AAF 100%);
    background: linear-gradient(to bottom, #241B5E 0%, #3E5186 50%, #719AAF 100%);
}
</style>