#C2DCE7 - #373E42 | 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 #C2DCE7 to #373E42

#C2DCE7 #373E42

Calculate the color between two colors, #C2DCE7 and #373E42. 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)

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

0.0%	0.0% #C2DCE7	RGB 194 220 231	#C2DCE7
16.7%	16.7% #AAC1CB	RGB 170 193 203	#AAC1CB
33.3%	33.3% #93A7B0	RGB 147 167 176	#93A7B0
50.0%	50.0% #7C8D94	RGB 124 141 148	#7C8D94
66.7%	66.7% #657279	RGB 101 114 121	#657279
83.3%	83.3% #4E585D	RGB 78 88 93	#4E585D
100.0%	100.0% #373E42	RGB 55 62 66	#373E42

#C2DCE7 #AAC1CB #93A7B0 #7C8D94 #657279 #4E585D #373E42

#C2DCE7 - #373E42

HSV Blend

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

0.0%	0.0% #C2DCE7	RGB 194 220 231	#C2DCE7
16.7%	16.7% #AAC1CB	RGB 170 193 203	#AAC1CB
33.3%	33.3% #93A6B0	RGB 147 166 176	#93A6B0
50.0%	50.0% #7C8C94	RGB 124 140 148	#7C8C94
66.7%	66.7% #657279	RGB 101 114 121	#657279
83.3%	83.3% #4E585D	RGB 78 88 93	#4E585D
100.0%	100.0% #373E42	RGB 55 62 66	#373E42

#C2DCE7 #AAC1CB #93A6B0 #7C8C94 #657279 #4E585D #373E42

#C2DCE7 - #7C8C94 - #373E42

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2DCE7 0%, #7C8C94 50%, #373E42 100%);
    background: -webkit-linear-gradient(top, #C2DCE7 0%, #7C8C94 50%, #373E42 100%);
    background: linear-gradient(to bottom, #C2DCE7 0%, #7C8C94 50%, #373E42 100%);
}
</style>