#5E689B - #242A4B | 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 #5E689B to #242A4B

#5E689B #242A4B

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

#5E689B - #242A4B | 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 #5E689B as 0% and #242A4B as 100%.

0.0%	0.0% #5E689B	RGB 94 104 155	#5E689B
16.7%	16.7% #545D8D	RGB 84 93 141	#545D8D
33.3%	33.3% #4A5380	RGB 74 83 128	#4A5380
50.0%	50.0% #414973	RGB 65 73 115	#414973
66.7%	66.7% #373E65	RGB 55 62 101	#373E65
83.3%	83.3% #2D3458	RGB 45 52 88	#2D3458
100.0%	100.0% #242A4B	RGB 36 42 75	#242A4B

#5E689B #545D8D #4A5380 #414973 #373E65 #2D3458 #242A4B

#5E689B - #242A4B

HSV Blend

#5E689B - #242A4B | 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 #5E689B as 0% and #242A4B as 100%.

0.0%	0.0% #5E689B	RGB 94 104 155	#5E689B
16.7%	16.7% #525C8D	RGB 82 92 141	#525C8D
33.3%	33.3% #485180	RGB 72 81 128	#485180
50.0%	50.0% #3E4673	RGB 62 70 115	#3E4673
66.7%	66.7% #353C65	RGB 53 60 101	#353C65
83.3%	83.3% #2C3358	RGB 44 51 88	#2C3358
100.0%	100.0% #242A4B	RGB 36 42 75	#242A4B

#5E689B #525C8D #485180 #3E4673 #353C65 #2C3358 #242A4B

#5E689B - #3E4673 - #242A4B

CSS codes

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

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