#00D0FF - #AFFEDC | colorate

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

Blend #00D0FF to #AFFEDC

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

RGB混合

#00D0FF - #AFFEDC | colorate

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

0.0%	0.0% #00D0FF	RGB 0 208 255	#00D0FF
16.7%	16.7% #1DD7F9	RGB 29 215 249	#1DD7F9
33.3%	33.3% #3ADFF3	RGB 58 223 243	#3ADFF3
50.0%	50.0% #57E7ED	RGB 87 231 237	#57E7ED
66.7%	66.7% #74EEE7	RGB 116 238 231	#74EEE7
83.3%	83.3% #91F6E1	RGB 145 246 225	#91F6E1
100.0%	100.0% #AFFEDC	RGB 175 254 220	#AFFEDC

#00D0FF #1DD7F9 #3ADFF3 #57E7ED #74EEE7 #91F6E1 #AFFEDC

#00D0FF - #AFFEDC

HSV混合

#00D0FF - #AFFEDC | colorate

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

0.0%	0.0% #00D0FF	RGB 0 208 255	#00D0FF
16.7%	16.7% #1DECFE	RGB 29 236 254	#1DECFE
33.3%	33.3% #3AFEFA	RGB 58 254 250	#3AFEFA
50.0%	50.0% #57FEE9	RGB 87 254 233	#57FEE9
66.7%	66.7% #74FEDF	RGB 116 254 223	#74FEDF
83.3%	83.3% #91FEDA	RGB 145 254 218	#91FEDA
100.0%	100.0% #AFFEDC	RGB 175 254 220	#AFFEDC

#00D0FF #1DECFE #3AFEFA #57FEE9 #74FEDF #91FEDA #AFFEDC

#00D0FF - #57FEE9 - #AFFEDC

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00D0FF 0%, #57FEE9 50%, #AFFEDC 100%);
    background: -webkit-linear-gradient(top, #00D0FF 0%, #57FEE9 50%, #AFFEDC 100%);
    background: linear-gradient(to bottom, #00D0FF 0%, #57FEE9 50%, #AFFEDC 100%);
}
</style>