#B0DA7E - #F2FFA8 | colorate

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

Blend #B0DA7E to #F2FFA8

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

RGB混合

#B0DA7E - #F2FFA8 | colorate

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

0.0%	0.0% #B0DA7E	RGB 176 218 126	#B0DA7E
16.7%	16.7% #BBE085	RGB 187 224 133	#BBE085
33.3%	33.3% #C6E68C	RGB 198 230 140	#C6E68C
50.0%	50.0% #D1EC93	RGB 209 236 147	#D1EC93
66.7%	66.7% #DCF29A	RGB 220 242 154	#DCF29A
83.3%	83.3% #E7F8A1	RGB 231 248 161	#E7F8A1
100.0%	100.0% #F2FFA8	RGB 242 255 168	#F2FFA8

#B0DA7E #BBE085 #C6E68C #D1EC93 #DCF29A #E7F8A1 #F2FFA8

#B0DA7E - #F2FFA8

HSV混合

#B0DA7E - #F2FFA8 | colorate

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

0.0%	0.0% #B0DA7E	RGB 176 218 126	#B0DA7E
16.7%	16.7% #BBE084	RGB 187 224 132	#BBE084
33.3%	33.3% #C6E68B	RGB 198 230 139	#C6E68B
50.0%	50.0% #D1EC92	RGB 209 236 146	#D1EC92
66.7%	66.7% #DCF299	RGB 220 242 153	#DCF299
83.3%	83.3% #E7F8A0	RGB 231 248 160	#E7F8A0
100.0%	100.0% #F2FFA8	RGB 242 255 168	#F2FFA8

#B0DA7E #BBE084 #C6E68B #D1EC92 #DCF299 #E7F8A0 #F2FFA8

#B0DA7E - #D1EC92 - #F2FFA8

CSS代码

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

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