#C36D9E - #8F053E | colorate

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

Blend #C36D9E to #8F053E

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

RGB混合

#C36D9E - #8F053E | colorate

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

0.0%	0.0% #C36D9E	RGB 195 109 158	#C36D9E
16.7%	16.7% #BA5B8E	RGB 186 91 142	#BA5B8E
33.3%	33.3% #B14A7E	RGB 177 74 126	#B14A7E
50.0%	50.0% #A9396E	RGB 169 57 110	#A9396E
66.7%	66.7% #A0275E	RGB 160 39 94	#A0275E
83.3%	83.3% #97164E	RGB 151 22 78	#97164E
100.0%	100.0% #8F053E	RGB 143 5 62	#8F053E

#C36D9E #BA5B8E #B14A7E #A9396E #A0275E #97164E #8F053E

#C36D9E - #8F053E

HSV混合

#C36D9E - #8F053E | colorate

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

0.0%	0.0% #C36D9E	RGB 195 109 158	#C36D9E
16.7%	16.7% #BA578D	RGB 186 87 141	#BA578D
33.3%	33.3% #B1447C	RGB 177 68 124	#B1447C
50.0%	50.0% #A9326C	RGB 169 50 108	#A9326C
66.7%	66.7% #A0215C	RGB 160 33 92	#A0215C
83.3%	83.3% #97124D	RGB 151 18 77	#97124D
100.0%	100.0% #8F053E	RGB 143 5 62	#8F053E

#C36D9E #BA578D #B1447C #A9326C #A0215C #97124D #8F053E

#C36D9E - #A9326C - #8F053E

CSS代码

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

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