#65DCE9 - #1C92B2 | colorate

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

Blend #65DCE9 to #1C92B2

计算两种颜色#65DCE9和#1C92B2之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#65DCE9 - #1C92B2 | colorate

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

0.0%	0.0% #65DCE9	RGB 101 220 233	#65DCE9
16.7%	16.7% #58CFDF	RGB 88 207 223	#58CFDF
33.3%	33.3% #4CC3D6	RGB 76 195 214	#4CC3D6
50.0%	50.0% #40B7CD	RGB 64 183 205	#40B7CD
66.7%	66.7% #34AAC4	RGB 52 170 196	#34AAC4
83.3%	83.3% #289EBB	RGB 40 158 187	#289EBB
100.0%	100.0% #1C92B2	RGB 28 146 178	#1C92B2

#65DCE9 #58CFDF #4CC3D6 #40B7CD #34AAC4 #289EBB #1C92B2

#65DCE9 - #1C92B2

HSV混合

#65DCE9 - #1C92B2 | colorate

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

0.0%	0.0% #65DCE9	RGB 101 220 233	#65DCE9
16.7%	16.7% #56CFDF	RGB 86 207 223	#56CFDF
33.3%	33.3% #49C3D6	RGB 73 195 214	#49C3D6
50.0%	50.0% #3CB6CD	RGB 60 182 205	#3CB6CD
66.7%	66.7% #30AAC4	RGB 48 170 196	#30AAC4
83.3%	83.3% #269EBB	RGB 38 158 187	#269EBB
100.0%	100.0% #1C92B2	RGB 28 146 178	#1C92B2

#65DCE9 #56CFDF #49C3D6 #3CB6CD #30AAC4 #269EBB #1C92B2

#65DCE9 - #3CB6CD - #1C92B2

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #65DCE9 0%, #3CB6CD 50%, #1C92B2 100%);
    background: -webkit-linear-gradient(top, #65DCE9 0%, #3CB6CD 50%, #1C92B2 100%);
    background: linear-gradient(to bottom, #65DCE9 0%, #3CB6CD 50%, #1C92B2 100%);
}
</style>