#FF014D - #770022 | colorate

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

Blend #FF014D to #770022

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

RGB混合

#FF014D - #770022 | colorate

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

0.0%	0.0% #FF014D	RGB 255 1 77	#FF014D
16.7%	16.7% #E80045	RGB 232 0 69	#E80045
33.3%	33.3% #D1003E	RGB 209 0 62	#D1003E
50.0%	50.0% #BB0037	RGB 187 0 55	#BB0037
66.7%	66.7% #A40030	RGB 164 0 48	#A40030
83.3%	83.3% #8D0029	RGB 141 0 41	#8D0029
100.0%	100.0% #770022	RGB 119 0 34	#770022

#FF014D #E80045 #D1003E #BB0037 #A40030 #8D0029 #770022

#FF014D - #770022

HSV混合

#FF014D - #770022 | colorate

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

0.0%	0.0% #FF004C	RGB 255 0 76	#FF004C
16.7%	16.7% #E80045	RGB 232 0 69	#E80045
33.3%	33.3% #D1003E	RGB 209 0 62	#D1003E
50.0%	50.0% #BB0036	RGB 187 0 54	#BB0036
66.7%	66.7% #A4002F	RGB 164 0 47	#A4002F
83.3%	83.3% #8D0028	RGB 141 0 40	#8D0028
100.0%	100.0% #770022	RGB 119 0 34	#770022

#FF004C #E80045 #D1003E #BB0036 #A4002F #8D0028 #770022

#FF014D - #BB0036 - #770022

CSS代码

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

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