#C2D5E6 - #373C41 | colorate

这是设计师和开发人员的着色工具。这将帮助您绘制灵感，并作为您的色彩工作的资源。使这个网站更好

Blend #C2D5E6 to #373C41

计算两种颜色#C2D5E6和#373C41之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#C2D5E6 - #373C41 | colorate

基于RGB值计算两种颜色之间的颜色。对于彼此远离的颜色，两种颜色之间的饱和度降低。将#C2D5E6的两种颜色之间的颜色扩展为0％，将#373C41扩展为100％。

0.0%	0.0% #C2D5E6	RGB 194 213 230	#C2D5E6
16.7%	16.7% #AABBCA	RGB 170 187 202	#AABBCA
33.3%	33.3% #93A2AF	RGB 147 162 175	#93A2AF
50.0%	50.0% #7C8893	RGB 124 136 147	#7C8893
66.7%	66.7% #656F78	RGB 101 111 120	#656F78
83.3%	83.3% #4E555C	RGB 78 85 92	#4E555C
100.0%	100.0% #373C41	RGB 55 60 65	#373C41

#C2D5E6 #AABBCA #93A2AF #7C8893 #656F78 #4E555C #373C41

#C2D5E6 - #373C41

HSV混合

#C2D5E6 - #373C41 | colorate

基于HSV值计算两种颜色之间的颜色。即使在不同颜色的颜色之间，两种颜色之间的饱和度也不会降低。将#C2D5E6的两种颜色之间的颜色扩展为0％，将#373C41扩展为100％。

0.0%	0.0% #C2D5E6	RGB 194 213 230	#C2D5E6
16.7%	16.7% #AABBCA	RGB 170 187 202	#AABBCA
33.3%	33.3% #93A1AF	RGB 147 161 175	#93A1AF
50.0%	50.0% #7C8893	RGB 124 136 147	#7C8893
66.7%	66.7% #656E78	RGB 101 110 120	#656E78
83.3%	83.3% #4E555C	RGB 78 85 92	#4E555C
100.0%	100.0% #373C41	RGB 55 60 65	#373C41

#C2D5E6 #AABBCA #93A1AF #7C8893 #656E78 #4E555C #373C41

#C2D5E6 - #7C8893 - #373C41

CSS代码

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

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