#B05C7E - #C37EFF | colorate

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

Blend #B05C7E to #C37EFF

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

RGB混合

#B05C7E - #C37EFF | colorate

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

0.0%	0.0% #B05C7E	RGB 176 92 126	#B05C7E
16.7%	16.7% #B36193	RGB 179 97 147	#B36193
33.3%	33.3% #B667A9	RGB 182 103 169	#B667A9
50.0%	50.0% #B96DBE	RGB 185 109 190	#B96DBE
66.7%	66.7% #BC72D4	RGB 188 114 212	#BC72D4
83.3%	83.3% #BF78E9	RGB 191 120 233	#BF78E9
100.0%	100.0% #C37EFF	RGB 195 126 255	#C37EFF

#B05C7E #B36193 #B667A9 #B96DBE #BC72D4 #BF78E9 #C37EFF

#B05C7E - #C37EFF

HSV混合

#B05C7E - #C37EFF | colorate

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

0.0%	0.0% #B05C7D	RGB 176 92 125	#B05C7D
16.7%	16.7% #BD6197	RGB 189 97 151	#BD6197
33.3%	33.3% #CA67B2	RGB 202 103 178	#CA67B2
50.0%	50.0% #D76DD0	RGB 215 109 208	#D76DD0
66.7%	66.7% #D773E4	RGB 215 115 228	#D773E4
83.3%	83.3% #CE78F1	RGB 206 120 241	#CE78F1
100.0%	100.0% #C37EFF	RGB 195 126 255	#C37EFF

#B05C7D #BD6197 #CA67B2 #D76DD0 #D773E4 #CE78F1 #C37EFF

#B05C7E - #D76DD0 - #C37EFF

CSS代码

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

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