#EB6AB5 - #AE0069 | colorate

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

Blend #EB6AB5 to #AE0069

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

RGB混合

#EB6AB5 - #AE0069 | colorate

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

0.0%	0.0% #EB6AB5	RGB 235 106 181	#EB6AB5
16.7%	16.7% #E058A8	RGB 224 88 168	#E058A8
33.3%	33.3% #D6469B	RGB 214 70 155	#D6469B
50.0%	50.0% #CC358F	RGB 204 53 143	#CC358F
66.7%	66.7% #C22382	RGB 194 35 130	#C22382
83.3%	83.3% #B81175	RGB 184 17 117	#B81175
100.0%	100.0% #AE0069	RGB 174 0 105	#AE0069

#EB6AB5 #E058A8 #D6469B #CC358F #C22382 #B81175 #AE0069

#EB6AB5 - #AE0069

HSV混合

#EB6AB5 - #AE0069 | colorate

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

0.0%	0.0% #EB6AB5	RGB 235 106 181	#EB6AB5
16.7%	16.7% #E054A6	RGB 224 84 166	#E054A6
33.3%	33.3% #D64098	RGB 214 64 152	#D64098
50.0%	50.0% #CC2E8B	RGB 204 46 139	#CC2E8B
66.7%	66.7% #C21D7F	RGB 194 29 127	#C21D7F
83.3%	83.3% #B80D73	RGB 184 13 115	#B80D73
100.0%	100.0% #AE0069	RGB 174 0 105	#AE0069

#EB6AB5 #E054A6 #D64098 #CC2E8B #C21D7F #B80D73 #AE0069

#EB6AB5 - #CC2E8B - #AE0069

CSS代码

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

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