#364F5E - #C5CDD1 | 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 #364F5E to #C5CDD1

#364F5E #C5CDD1

Calculate the color between two colors, #364F5E and #C5CDD1. 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)

#364F5E - #C5CDD1 | 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 #364F5E as 0% and #C5CDD1 as 100%.

0.0%	0.0% #364F5E	RGB 54 79 94	#364F5E
16.7%	16.7% #4D6471	RGB 77 100 113	#4D6471
33.3%	33.3% #657984	RGB 101 121 132	#657984
50.0%	50.0% #7D8E97	RGB 125 142 151	#7D8E97
66.7%	66.7% #95A3AA	RGB 149 163 170	#95A3AA
83.3%	83.3% #ADB8BD	RGB 173 184 189	#ADB8BD
100.0%	100.0% #C5CDD1	RGB 197 205 209	#C5CDD1

#364F5E #4D6471 #657984 #7D8E97 #95A3AA #ADB8BD #C5CDD1

#364F5E - #C5CDD1

HSV Blend

#364F5E - #C5CDD1 | 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 #364F5E as 0% and #C5CDD1 as 100%.

0.0%	0.0% #364F5E	RGB 54 79 94	#364F5E
16.7%	16.7% #476171	RGB 71 97 113	#476171
33.3%	33.3% #5C7584	RGB 92 117 132	#5C7584
50.0%	50.0% #728A97	RGB 114 138 151	#728A97
66.7%	66.7% #8B9FAA	RGB 139 159 170	#8B9FAA
83.3%	83.3% #A7B6BD	RGB 167 182 189	#A7B6BD
100.0%	100.0% #C5CDD1	RGB 197 205 209	#C5CDD1

#364F5E #476171 #5C7584 #728A97 #8B9FAA #A7B6BD #C5CDD1

#364F5E - #728A97 - #C5CDD1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #364F5E 0%, #728A97 50%, #C5CDD1 100%);
    background: -webkit-linear-gradient(top, #364F5E 0%, #728A97 50%, #C5CDD1 100%);
    background: linear-gradient(to bottom, #364F5E 0%, #728A97 50%, #C5CDD1 100%);
}
</style>