#303E5A - #8D938D | 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 #303E5A to #8D938D

#303E5A #8D938D

Calculate the color between two colors, #303E5A and #8D938D. 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)

#303E5A - #8D938D | 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 #303E5A as 0% and #8D938D as 100%.

0.0%	0.0% #303E5A	RGB 48 62 90	#303E5A
16.7%	16.7% #3F4C62	RGB 63 76 98	#3F4C62
33.3%	33.3% #4F5A6B	RGB 79 90 107	#4F5A6B
50.0%	50.0% #5E6873	RGB 94 104 115	#5E6873
66.7%	66.7% #6E767C	RGB 110 118 124	#6E767C
83.3%	83.3% #7D8484	RGB 125 132 132	#7D8484
100.0%	100.0% #8D938D	RGB 141 147 141	#8D938D

#303E5A #3F4C62 #4F5A6B #5E6873 #6E767C #7D8484 #8D938D

#303E5A - #8D938D

HSV Blend

#303E5A - #8D938D | 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 #303E5A as 0% and #8D938D as 100%.

0.0%	0.0% #303E5A	RGB 48 62 90	#303E5A
16.7%	16.7% #3C5463	RGB 60 84 99	#3C5463
33.3%	33.3% #49696D	RGB 73 105 109	#49696D
50.0%	50.0% #587671	RGB 88 118 113	#587671
66.7%	66.7% #688075	RGB 104 128 117	#688075
83.3%	83.3% #7A897E	RGB 122 137 126	#7A897E
100.0%	100.0% #8D938D	RGB 141 147 141	#8D938D

#303E5A #3C5463 #49696D #587671 #688075 #7A897E #8D938D

#303E5A - #587671 - #8D938D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #303E5A 0%, #587671 50%, #8D938D 100%);
    background: -webkit-linear-gradient(top, #303E5A 0%, #587671 50%, #8D938D 100%);
    background: linear-gradient(to bottom, #303E5A 0%, #587671 50%, #8D938D 100%);
}
</style>