#B05259 - #E8CDCF | colorate

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

Blend #B05259 to #E8CDCF

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

RGB混合

#B05259 - #E8CDCF | colorate

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

0.0%	0.0% #B05259	RGB 176 82 89	#B05259
16.7%	16.7% #B9666C	RGB 185 102 108	#B9666C
33.3%	33.3% #C27B80	RGB 194 123 128	#C27B80
50.0%	50.0% #CC8F94	RGB 204 143 148	#CC8F94
66.7%	66.7% #D5A4A7	RGB 213 164 167	#D5A4A7
83.3%	83.3% #DEB8BB	RGB 222 184 187	#DEB8BB
100.0%	100.0% #E8CDCF	RGB 232 205 207	#E8CDCF

#B05259 #B9666C #C27B80 #CC8F94 #D5A4A7 #DEB8BB #E8CDCF

#B05259 - #E8CDCF

HSV混合

#B05259 - #E8CDCF | colorate

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

0.0%	0.0% #B05259	RGB 176 82 89	#B05259
16.7%	16.7% #B96369	RGB 185 99 105	#B96369
33.3%	33.3% #C2757B	RGB 194 117 123	#C2757B
50.0%	50.0% #CC898E	RGB 204 137 142	#CC898E
66.7%	66.7% #D59EA2	RGB 213 158 162	#D59EA2
83.3%	83.3% #DEB5B8	RGB 222 181 184	#DEB5B8
100.0%	100.0% #E8CDCF	RGB 232 205 207	#E8CDCF

#B05259 #B96369 #C2757B #CC898E #D59EA2 #DEB5B8 #E8CDCF

#B05259 - #CC898E - #E8CDCF

CSS代码

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

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