#C92B60 - #690023 | colorate

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

Blend #C92B60 to #690023

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

RGB混合

#C92B60 - #690023 | colorate

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

0.0%	0.0% #C92B60	RGB 201 43 96	#C92B60
16.7%	16.7% #B92355	RGB 185 35 85	#B92355
33.3%	33.3% #A91C4B	RGB 169 28 75	#A91C4B
50.0%	50.0% #991541	RGB 153 21 65	#991541
66.7%	66.7% #890E37	RGB 137 14 55	#890E37
83.3%	83.3% #79072D	RGB 121 7 45	#79072D
100.0%	100.0% #690023	RGB 105 0 35	#690023

#C92B60 #B92355 #A91C4B #991541 #890E37 #79072D #690023

#C92B60 - #690023

HSV混合

#C92B60 - #690023 | colorate

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

0.0%	0.0% #C92A60	RGB 201 42 96	#C92A60
16.7%	16.7% #B92053	RGB 185 32 83	#B92053
33.3%	33.3% #A91848	RGB 169 24 72	#A91848
50.0%	50.0% #99103E	RGB 153 16 62	#99103E
66.7%	66.7% #890934	RGB 137 9 52	#890934
83.3%	83.3% #79042B	RGB 121 4 43	#79042B
100.0%	100.0% #690023	RGB 105 0 35	#690023

#C92A60 #B92053 #A91848 #99103E #890934 #79042B #690023

#C92B60 - #99103E - #690023

CSS代码

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

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