#FF89DD - #CD1BA3 | colorate

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

Blend #FF89DD to #CD1BA3

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

RGB混合

#FF89DD - #CD1BA3 | colorate

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

0.0%	0.0% #FF89DD	RGB 255 137 221	#FF89DD
16.7%	16.7% #F676D3	RGB 246 118 211	#F676D3
33.3%	33.3% #EE64C9	RGB 238 100 201	#EE64C9
50.0%	50.0% #E652C0	RGB 230 82 192	#E652C0
66.7%	66.7% #DD3FB6	RGB 221 63 182	#DD3FB6
83.3%	83.3% #D52DAC	RGB 213 45 172	#D52DAC
100.0%	100.0% #CD1BA3	RGB 205 27 163	#CD1BA3

#FF89DD #F676D3 #EE64C9 #E652C0 #DD3FB6 #D52DAC #CD1BA3

#FF89DD - #CD1BA3

HSV混合

#FF89DD - #CD1BA3 | colorate

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

0.0%	0.0% #FF89DD	RGB 255 137 221	#FF89DD
16.7%	16.7% #F673D2	RGB 246 115 210	#F673D2
33.3%	33.3% #EE5FC7	RGB 238 95 199	#EE5FC7
50.0%	50.0% #E64CBD	RGB 230 76 189	#E64CBD
66.7%	66.7% #DD3BB4	RGB 221 59 180	#DD3BB4
83.3%	83.3% #D52AAB	RGB 213 42 171	#D52AAB
100.0%	100.0% #CD1BA3	RGB 205 27 163	#CD1BA3

#FF89DD #F673D2 #EE5FC7 #E64CBD #DD3BB4 #D52AAB #CD1BA3

#FF89DD - #E64CBD - #CD1BA3

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #FF89DD 0%, #E64CBD 50%, #CD1BA3 100%);
    background: -webkit-linear-gradient(top, #FF89DD 0%, #E64CBD 50%, #CD1BA3 100%);
    background: linear-gradient(to bottom, #FF89DD 0%, #E64CBD 50%, #CD1BA3 100%);
}
</style>