#374672 - #C5CAD6 | 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 #374672 to #C5CAD6

#374672 #C5CAD6

Calculate the color between two colors, #374672 and #C5CAD6. 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)

#374672 - #C5CAD6 | 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 #374672 as 0% and #C5CAD6 as 100%.

0.0%	0.0% #374672	RGB 55 70 114	#374672
16.7%	16.7% #4E5C82	RGB 78 92 130	#4E5C82
33.3%	33.3% #667293	RGB 102 114 147	#667293
50.0%	50.0% #7E88A4	RGB 126 136 164	#7E88A4
66.7%	66.7% #959EB4	RGB 149 158 180	#959EB4
83.3%	83.3% #ADB4C5	RGB 173 180 197	#ADB4C5
100.0%	100.0% #C5CAD6	RGB 197 202 214	#C5CAD6

#374672 #4E5C82 #667293 #7E88A4 #959EB4 #ADB4C5 #C5CAD6

#374672 - #C5CAD6

HSV Blend

#374672 - #C5CAD6 | 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 #374672 as 0% and #C5CAD6 as 100%.

0.0%	0.0% #374572	RGB 55 69 114	#374572
16.7%	16.7% #485782	RGB 72 87 130	#485782
33.3%	33.3% #5C6B93	RGB 92 107 147	#5C6B93
50.0%	50.0% #7380A4	RGB 115 128 164	#7380A4
66.7%	66.7% #8B97B4	RGB 139 151 180	#8B97B4
83.3%	83.3% #A7AFC5	RGB 167 175 197	#A7AFC5
100.0%	100.0% #C5CAD6	RGB 197 202 214	#C5CAD6

#374572 #485782 #5C6B93 #7380A4 #8B97B4 #A7AFC5 #C5CAD6

#374672 - #7380A4 - #C5CAD6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #374572 0%, #7380A4 50%, #C5CAD6 100%);
    background: -webkit-linear-gradient(top, #374572 0%, #7380A4 50%, #C5CAD6 100%);
    background: linear-gradient(to bottom, #374572 0%, #7380A4 50%, #C5CAD6 100%);
}
</style>