#C1000C - #EDB6B9 | colorate

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

Blend #C1000C to #EDB6B9

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

RGB混合

#C1000C - #EDB6B9 | colorate

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

0.0%	0.0% #C1000C	RGB 193 0 12	#C1000C
16.7%	16.7% #C81E28	RGB 200 30 40	#C81E28
33.3%	33.3% #CF3C45	RGB 207 60 69	#CF3C45
50.0%	50.0% #D75B62	RGB 215 91 98	#D75B62
66.7%	66.7% #DE797F	RGB 222 121 127	#DE797F
83.3%	83.3% #E5979C	RGB 229 151 156	#E5979C
100.0%	100.0% #EDB6B9	RGB 237 182 185	#EDB6B9

#C1000C #C81E28 #CF3C45 #D75B62 #DE797F #E5979C #EDB6B9

#C1000C - #EDB6B9

HSV混合

#C1000C - #EDB6B9 | colorate

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

0.0%	0.0% #C1000B	RGB 193 0 11	#C1000B
16.7%	16.7% #C81924	RGB 200 25 36	#C81924
33.3%	33.3% #CF353E	RGB 207 53 62	#CF353E
50.0%	50.0% #D7525A	RGB 215 82 90	#D7525A
66.7%	66.7% #DE7178	RGB 222 113 120	#DE7178
83.3%	83.3% #E59297	RGB 229 146 151	#E59297
100.0%	100.0% #EDB6B9	RGB 237 182 185	#EDB6B9

#C1000B #C81924 #CF353E #D7525A #DE7178 #E59297 #EDB6B9

#C1000C - #D7525A - #EDB6B9

CSS代码

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

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