#A8195C - #E6BDD0 | colorate

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

Blend #A8195C to #E6BDD0

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

RGB混合

#A8195C - #E6BDD0 | colorate

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

0.0%	0.0% #A8195C	RGB 168 25 92	#A8195C
16.7%	16.7% #B2346F	RGB 178 52 111	#B2346F
33.3%	33.3% #BC4F82	RGB 188 79 130	#BC4F82
50.0%	50.0% #C76B96	RGB 199 107 150	#C76B96
66.7%	66.7% #D186A9	RGB 209 134 169	#D186A9
83.3%	83.3% #DBA1BC	RGB 219 161 188	#DBA1BC
100.0%	100.0% #E6BDD0	RGB 230 189 208	#E6BDD0

#A8195C #B2346F #BC4F82 #C76B96 #D186A9 #DBA1BC #E6BDD0

#A8195C - #E6BDD0

HSV混合

#A8195C - #E6BDD0 | colorate

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

0.0%	0.0% #A8195C	RGB 168 25 92	#A8195C
16.7%	16.7% #B22E6C	RGB 178 46 108	#B22E6C
33.3%	33.3% #BC467D	RGB 188 70 125	#BC467D
50.0%	50.0% #C76090	RGB 199 96 144	#C76090
66.7%	66.7% #D17DA4	RGB 209 125 164	#D17DA4
83.3%	83.3% #DB9BB9	RGB 219 155 185	#DB9BB9
100.0%	100.0% #E6BDD0	RGB 230 189 208	#E6BDD0

#A8195C #B22E6C #BC467D #C76090 #D17DA4 #DB9BB9 #E6BDD0

#A8195C - #C76090 - #E6BDD0

CSS代码

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

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