#7387A8 - #2B3E5B | 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 #7387A8 to #2B3E5B

#7387A8 #2B3E5B

Calculate the color between two colors, #7387A8 and #2B3E5B. 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)

#7387A8 - #2B3E5B | 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 #7387A8 as 0% and #2B3E5B as 100%.

0.0%	0.0% #7387A8	RGB 115 135 168	#7387A8
16.7%	16.7% #677A9B	RGB 103 122 155	#677A9B
33.3%	33.3% #5B6E8E	RGB 91 110 142	#5B6E8E
50.0%	50.0% #4F6281	RGB 79 98 129	#4F6281
66.7%	66.7% #435674	RGB 67 86 116	#435674
83.3%	83.3% #374A67	RGB 55 74 103	#374A67
100.0%	100.0% #2B3E5B	RGB 43 62 91	#2B3E5B

#7387A8 #677A9B #5B6E8E #4F6281 #435674 #374A67 #2B3E5B

#7387A8 - #2B3E5B

HSV Blend

#7387A8 - #2B3E5B | 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 #7387A8 as 0% and #2B3E5B as 100%.

0.0%	0.0% #7387A8	RGB 115 135 168	#7387A8
16.7%	16.7% #64799B	RGB 100 121 155	#64799B
33.3%	33.3% #576C8E	RGB 87 108 142	#576C8E
50.0%	50.0% #4A6081	RGB 74 96 129	#4A6081
66.7%	66.7% #3F5474	RGB 63 84 116	#3F5474
83.3%	83.3% #344867	RGB 52 72 103	#344867
100.0%	100.0% #2B3E5B	RGB 43 62 91	#2B3E5B

#7387A8 #64799B #576C8E #4A6081 #3F5474 #344867 #2B3E5B

#7387A8 - #4A6081 - #2B3E5B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7387A8 0%, #4A6081 50%, #2B3E5B 100%);
    background: -webkit-linear-gradient(top, #7387A8 0%, #4A6081 50%, #2B3E5B 100%);
    background: linear-gradient(to bottom, #7387A8 0%, #4A6081 50%, #2B3E5B 100%);
}
</style>