#2E3264 - #6F7393 | 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 #2E3264 to #6F7393

#2E3264 #6F7393

Calculate the color between two colors, #2E3264 and #6F7393. 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)

#2E3264 - #6F7393 | 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 #2E3264 as 0% and #6F7393 as 100%.

0.0%	0.0% #2E3264	RGB 46 50 100	#2E3264
16.7%	16.7% #383C6B	RGB 56 60 107	#383C6B
33.3%	33.3% #434773	RGB 67 71 115	#434773
50.0%	50.0% #4E527B	RGB 78 82 123	#4E527B
66.7%	66.7% #595D83	RGB 89 93 131	#595D83
83.3%	83.3% #64688B	RGB 100 104 139	#64688B
100.0%	100.0% #6F7393	RGB 111 115 147	#6F7393

#2E3264 #383C6B #434773 #4E527B #595D83 #64688B #6F7393

#2E3264 - #6F7393

HSV Blend

#2E3264 - #6F7393 | 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 #2E3264 as 0% and #6F7393 as 100%.

0.0%	0.0% #2E3264	RGB 46 50 100	#2E3264
16.7%	16.7% #363B6B	RGB 54 59 107	#363B6B
33.3%	33.3% #404473	RGB 64 68 115	#404473
50.0%	50.0% #4B4F7B	RGB 75 79 123	#4B4F7B
66.7%	66.7% #565A83	RGB 86 90 131	#565A83
83.3%	83.3% #62668B	RGB 98 102 139	#62668B
100.0%	100.0% #6F7393	RGB 111 115 147	#6F7393

#2E3264 #363B6B #404473 #4B4F7B #565A83 #62668B #6F7393

#2E3264 - #4B4F7B - #6F7393

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2E3264 0%, #4B4F7B 50%, #6F7393 100%);
    background: -webkit-linear-gradient(top, #2E3264 0%, #4B4F7B 50%, #6F7393 100%);
    background: linear-gradient(to bottom, #2E3264 0%, #4B4F7B 50%, #6F7393 100%);
}
</style>