#C0DAE6 - #363D41 | 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 #C0DAE6 to #363D41

#C0DAE6 #363D41

Calculate the color between two colors, #C0DAE6 and #363D41. 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)

#C0DAE6 - #363D41 | 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 #C0DAE6 as 0% and #363D41 as 100%.

0.0%	0.0% #C0DAE6	RGB 192 218 230	#C0DAE6
16.7%	16.7% #A9BFCA	RGB 169 191 202	#A9BFCA
33.3%	33.3% #92A5AF	RGB 146 165 175	#92A5AF
50.0%	50.0% #7B8B93	RGB 123 139 147	#7B8B93
66.7%	66.7% #647178	RGB 100 113 120	#647178
83.3%	83.3% #4D575C	RGB 77 87 92	#4D575C
100.0%	100.0% #363D41	RGB 54 61 65	#363D41

#C0DAE6 #A9BFCA #92A5AF #7B8B93 #647178 #4D575C #363D41

#C0DAE6 - #363D41

HSV Blend

#C0DAE6 - #363D41 | 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 #C0DAE6 as 0% and #363D41 as 100%.

0.0%	0.0% #C0DAE6	RGB 192 218 230	#C0DAE6
16.7%	16.7% #A8BFCA	RGB 168 191 202	#A8BFCA
33.3%	33.3% #91A5AF	RGB 145 165 175	#91A5AF
50.0%	50.0% #7A8B93	RGB 122 139 147	#7A8B93
66.7%	66.7% #637078	RGB 99 112 120	#637078
83.3%	83.3% #4C565C	RGB 76 86 92	#4C565C
100.0%	100.0% #363D41	RGB 54 61 65	#363D41

#C0DAE6 #A8BFCA #91A5AF #7A8B93 #637078 #4C565C #363D41

#C0DAE6 - #7A8B93 - #363D41

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0DAE6 0%, #7A8B93 50%, #363D41 100%);
    background: -webkit-linear-gradient(top, #C0DAE6 0%, #7A8B93 50%, #363D41 100%);
    background: linear-gradient(to bottom, #C0DAE6 0%, #7A8B93 50%, #363D41 100%);
}
</style>