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

#373F5E #C5C8D1

Calculate the color between two colors, #373F5E 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)

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

0.0%	0.0% #373F5E	RGB 55 63 94	#373F5E
16.7%	16.7% #4E5571	RGB 78 85 113	#4E5571
33.3%	33.3% #666C84	RGB 102 108 132	#666C84
50.0%	50.0% #7E8397	RGB 126 131 151	#7E8397
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

#373F5E #4E5571 #666C84 #7E8397 #959AAA #ADB1BD #C5C8D1

#373F5E - #C5C8D1

HSV Blend

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

0.0%	0.0% #373E5E	RGB 55 62 94	#373E5E
16.7%	16.7% #485171	RGB 72 81 113	#485171
33.3%	33.3% #5D6584	RGB 93 101 132	#5D6584
50.0%	50.0% #737B97	RGB 115 123 151	#737B97
66.7%	66.7% #8C93AA	RGB 140 147 170	#8C93AA
83.3%	83.3% #A7ADBD	RGB 167 173 189	#A7ADBD
100.0%	100.0% #C5C8D1	RGB 197 200 209	#C5C8D1

#373E5E #485171 #5D6584 #737B97 #8C93AA #A7ADBD #C5C8D1

#373F5E - #737B97 - #C5C8D1

CSS codes

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

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