#38555E - #5E9FC9 | 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 #38555E to #5E9FC9

#38555E #5E9FC9

Calculate the color between two colors, #38555E and #5E9FC9. 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)

#38555E - #5E9FC9 | 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 #38555E as 0% and #5E9FC9 as 100%.

0.0%	0.0% #38555E	RGB 56 85 94	#38555E
16.7%	16.7% #3E616F	RGB 62 97 111	#3E616F
33.3%	33.3% #446D81	RGB 68 109 129	#446D81
50.0%	50.0% #4B7A93	RGB 75 122 147	#4B7A93
66.7%	66.7% #5186A5	RGB 81 134 165	#5186A5
83.3%	83.3% #5792B7	RGB 87 146 183	#5792B7
100.0%	100.0% #5E9FC9	RGB 94 159 201	#5E9FC9

#38555E #3E616F #446D81 #4B7A93 #5186A5 #5792B7 #5E9FC9

#38555E - #5E9FC9

HSV Blend

#38555E - #5E9FC9 | 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 #38555E as 0% and #5E9FC9 as 100%.

0.0%	0.0% #38545E	RGB 56 84 94	#38545E
16.7%	16.7% #40636F	RGB 64 99 111	#40636F
33.3%	33.3% #477081	RGB 71 112 129	#477081
50.0%	50.0% #4E7D93	RGB 78 125 147	#4E7D93
66.7%	66.7% #5489A5	RGB 84 137 165	#5489A5
83.3%	83.3% #5994B7	RGB 89 148 183	#5994B7
100.0%	100.0% #5E9FC9	RGB 94 159 201	#5E9FC9

#38545E #40636F #477081 #4E7D93 #5489A5 #5994B7 #5E9FC9

#38555E - #4E7D93 - #5E9FC9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #38545E 0%, #4E7D93 50%, #5E9FC9 100%);
    background: -webkit-linear-gradient(top, #38545E 0%, #4E7D93 50%, #5E9FC9 100%);
    background: linear-gradient(to bottom, #38545E 0%, #4E7D93 50%, #5E9FC9 100%);
}
</style>