#353F5E - #C5C8D1 | 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 #353F5E to #C5C8D1

#353F5E #C5C8D1

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

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

0.0%	0.0% #353F5E	RGB 53 63 94	#353F5E
16.7%	16.7% #4D5571	RGB 77 85 113	#4D5571
33.3%	33.3% #656C84	RGB 101 108 132	#656C84
50.0%	50.0% #7D8397	RGB 125 131 151	#7D8397
66.7%	66.7% #959AAA	RGB 149 154 170	#959AAA
83.3%	83.3% #ADB1BD	RGB 173 177 189	#ADB1BD
100.0%	100.0% #C5C8D1	RGB 197 200 209	#C5C8D1

#353F5E #4D5571 #656C84 #7D8397 #959AAA #ADB1BD #C5C8D1

#353F5E - #C5C8D1

HSV Blend

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

0.0%	0.0% #353F5E	RGB 53 63 94	#353F5E
16.7%	16.7% #465171	RGB 70 81 113	#465171
33.3%	33.3% #5B6584	RGB 91 101 132	#5B6584
50.0%	50.0% #727B97	RGB 114 123 151	#727B97
66.7%	66.7% #8B93AA	RGB 139 147 170	#8B93AA
83.3%	83.3% #A6ACBD	RGB 166 172 189	#A6ACBD
100.0%	100.0% #C5C8D1	RGB 197 200 209	#C5C8D1

#353F5E #465171 #5B6584 #727B97 #8B93AA #A6ACBD #C5C8D1

#353F5E - #727B97 - #C5C8D1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #353F5E 0%, #727B97 50%, #C5C8D1 100%);
    background: -webkit-linear-gradient(top, #353F5E 0%, #727B97 50%, #C5C8D1 100%);
    background: linear-gradient(to bottom, #353F5E 0%, #727B97 50%, #C5C8D1 100%);
}
</style>