#FF8CE9 - #CD0EB5 | colorate

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

Blend #FF8CE9 to #CD0EB5

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

RGB混合

#FF8CE9 - #CD0EB5 | colorate

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

0.0%	0.0% #FF8CE9	RGB 255 140 233	#FF8CE9
16.7%	16.7% #F677E0	RGB 246 119 224	#F677E0
33.3%	33.3% #EE62D7	RGB 238 98 215	#EE62D7
50.0%	50.0% #E64DCF	RGB 230 77 207	#E64DCF
66.7%	66.7% #DD38C6	RGB 221 56 198	#DD38C6
83.3%	83.3% #D523BD	RGB 213 35 189	#D523BD
100.0%	100.0% #CD0EB5	RGB 205 14 181	#CD0EB5

#FF8CE9 #F677E0 #EE62D7 #E64DCF #DD38C6 #D523BD #CD0EB5

#FF8CE9 - #CD0EB5

HSV混合

#FF8CE9 - #CD0EB5 | colorate

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

0.0%	0.0% #FF8CE9	RGB 255 140 233	#FF8CE9
16.7%	16.7% #F673DF	RGB 246 115 223	#F673DF
33.3%	33.3% #EE5CD5	RGB 238 92 213	#EE5CD5
50.0%	50.0% #E646CC	RGB 230 70 204	#E646CC
66.7%	66.7% #DD32C4	RGB 221 50 196	#DD32C4
83.3%	83.3% #D51FBC	RGB 213 31 188	#D51FBC
100.0%	100.0% #CD0EB5	RGB 205 14 181	#CD0EB5

#FF8CE9 #F673DF #EE5CD5 #E646CC #DD32C4 #D51FBC #CD0EB5

#FF8CE9 - #E646CC - #CD0EB5

CSS代码

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

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