#325B5E - #C4CFD1 | 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 #325B5E to #C4CFD1

#325B5E #C4CFD1

Calculate the color between two colors, #325B5E and #C4CFD1. 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)

#325B5E - #C4CFD1 | 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 #325B5E as 0% and #C4CFD1 as 100%.

0.0%	0.0% #325B5E	RGB 50 91 94	#325B5E
16.7%	16.7% #4A6E71	RGB 74 110 113	#4A6E71
33.3%	33.3% #628184	RGB 98 129 132	#628184
50.0%	50.0% #7B9597	RGB 123 149 151	#7B9597
66.7%	66.7% #93A8AA	RGB 147 168 170	#93A8AA
83.3%	83.3% #ABBBBD	RGB 171 187 189	#ABBBBD
100.0%	100.0% #C4CFD1	RGB 196 207 209	#C4CFD1

#325B5E #4A6E71 #628184 #7B9597 #93A8AA #ABBBBD #C4CFD1

#325B5E - #C4CFD1

HSV Blend

#325B5E - #C4CFD1 | 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 #325B5E as 0% and #C4CFD1 as 100%.

0.0%	0.0% #325B5E	RGB 50 91 94	#325B5E
16.7%	16.7% #436D71	RGB 67 109 113	#436D71
33.3%	33.3% #588084	RGB 88 128 132	#588084
50.0%	50.0% #6F9397	RGB 111 147 151	#6F9397
66.7%	66.7% #88A6AA	RGB 136 166 170	#88A6AA
83.3%	83.3% #A5BABD	RGB 165 186 189	#A5BABD
100.0%	100.0% #C4CFD1	RGB 196 207 209	#C4CFD1

#325B5E #436D71 #588084 #6F9397 #88A6AA #A5BABD #C4CFD1

#325B5E - #6F9397 - #C4CFD1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #325B5E 0%, #6F9397 50%, #C4CFD1 100%);
    background: -webkit-linear-gradient(top, #325B5E 0%, #6F9397 50%, #C4CFD1 100%);
    background: linear-gradient(to bottom, #325B5E 0%, #6F9397 50%, #C4CFD1 100%);
}
</style>