#C36DAB - #8C0D5B | colorate

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

Blend #C36DAB to #8C0D5B

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

RGB混合

#C36DAB - #8C0D5B | colorate

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

0.0%	0.0% #C36DAB	RGB 195 109 171	#C36DAB
16.7%	16.7% #B95D9D	RGB 185 93 157	#B95D9D
33.3%	33.3% #B04D90	RGB 176 77 144	#B04D90
50.0%	50.0% #A73D83	RGB 167 61 131	#A73D83
66.7%	66.7% #9E2D75	RGB 158 45 117	#9E2D75
83.3%	83.3% #951D68	RGB 149 29 104	#951D68
100.0%	100.0% #8C0D5B	RGB 140 13 91	#8C0D5B

#C36DAB #B95D9D #B04D90 #A73D83 #9E2D75 #951D68 #8C0D5B

#C36DAB - #8C0D5B

HSV混合

#C36DAB - #8C0D5B | colorate

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

0.0%	0.0% #C36DAB	RGB 195 109 171	#C36DAB
16.7%	16.7% #B9599D	RGB 185 89 157	#B9599D
33.3%	33.3% #B0478F	RGB 176 71 143	#B0478F
50.0%	50.0% #A73681	RGB 167 54 129	#A73681
66.7%	66.7% #9E2774	RGB 158 39 116	#9E2774
83.3%	83.3% #951967	RGB 149 25 103	#951967
100.0%	100.0% #8C0D5B	RGB 140 13 91	#8C0D5B

#C36DAB #B9599D #B0478F #A73681 #9E2774 #951967 #8C0D5B

#C36DAB - #A73681 - #8C0D5B

CSS代码

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

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