#C36DB8 - #8F0668 | colorate

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

Blend #C36DB8 to #8F0668

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

RGB混合

#C36DB8 - #8F0668 | colorate

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

0.0%	0.0% #C36DB8	RGB 195 109 184	#C36DB8
16.7%	16.7% #BA5BAA	RGB 186 91 170	#BA5BAA
33.3%	33.3% #B14A9D	RGB 177 74 157	#B14A9D
50.0%	50.0% #A93990	RGB 169 57 144	#A93990
66.7%	66.7% #A02882	RGB 160 40 130	#A02882
83.3%	83.3% #971775	RGB 151 23 117	#971775
100.0%	100.0% #8F0668	RGB 143 6 104	#8F0668

#C36DB8 #BA5BAA #B14A9D #A93990 #A02882 #971775 #8F0668

#C36DB8 - #8F0668

HSV混合

#C36DB8 - #8F0668 | colorate

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

0.0%	0.0% #C36DB7	RGB 195 109 183	#C36DB7
16.7%	16.7% #BA58AB	RGB 186 88 171	#BA58AB
33.3%	33.3% #B1449E	RGB 177 68 158	#B1449E
50.0%	50.0% #A93290	RGB 169 50 144	#A93290
66.7%	66.7% #A02283	RGB 160 34 131	#A02283
83.3%	83.3% #971375	RGB 151 19 117	#971375
100.0%	100.0% #8F0668	RGB 143 6 104	#8F0668

#C36DB7 #BA58AB #B1449E #A93290 #A02283 #971375 #8F0668

#C36DB8 - #A93290 - #8F0668

CSS代码

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

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