#2D3E5D - #7D838E | 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 #2D3E5D to #7D838E

#2D3E5D #7D838E

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

#2D3E5D - #7D838E | 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 #2D3E5D as 0% and #7D838E as 100%.

0.0%	0.0% #2D3E5D	RGB 45 62 93	#2D3E5D
16.7%	16.7% #3A4965	RGB 58 73 101	#3A4965
33.3%	33.3% #47556D	RGB 71 85 109	#47556D
50.0%	50.0% #556075	RGB 85 96 117	#556075
66.7%	66.7% #626C7D	RGB 98 108 125	#626C7D
83.3%	83.3% #6F7785	RGB 111 119 133	#6F7785
100.0%	100.0% #7D838E	RGB 125 131 142	#7D838E

#2D3E5D #3A4965 #47556D #556075 #626C7D #6F7785 #7D838E

#2D3E5D - #7D838E

HSV Blend

#2D3E5D - #7D838E | 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 #2D3E5D as 0% and #7D838E as 100%.

0.0%	0.0% #2D3E5D	RGB 45 62 93	#2D3E5D
16.7%	16.7% #374765	RGB 55 71 101	#374765
33.3%	33.3% #43526D	RGB 67 82 109	#43526D
50.0%	50.0% #505D75	RGB 80 93 117	#505D75
66.7%	66.7% #5E697D	RGB 94 105 125	#5E697D
83.3%	83.3% #6C7585	RGB 108 117 133	#6C7585
100.0%	100.0% #7D838E	RGB 125 131 142	#7D838E

#2D3E5D #374765 #43526D #505D75 #5E697D #6C7585 #7D838E

#2D3E5D - #505D75 - #7D838E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D3E5D 0%, #505D75 50%, #7D838E 100%);
    background: -webkit-linear-gradient(top, #2D3E5D 0%, #505D75 50%, #7D838E 100%);
    background: linear-gradient(to bottom, #2D3E5D 0%, #505D75 50%, #7D838E 100%);
}
</style>