#B5E4D8 - #33413D | colorate

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

Blend #B5E4D8 to #33413D

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

RGB混合

#B5E4D8 - #33413D | colorate

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

0.0%	0.0% #B5E4D8	RGB 181 228 216	#B5E4D8
16.7%	16.7% #9FC8BE	RGB 159 200 190	#9FC8BE
33.3%	33.3% #89ADA4	RGB 137 173 164	#89ADA4
50.0%	50.0% #74928A	RGB 116 146 138	#74928A
66.7%	66.7% #5E7770	RGB 94 119 112	#5E7770
83.3%	83.3% #485C56	RGB 72 92 86	#485C56
100.0%	100.0% #33413D	RGB 51 65 61	#33413D

#B5E4D8 #9FC8BE #89ADA4 #74928A #5E7770 #485C56 #33413D

#B5E4D8 - #33413D

HSV混合

#B5E4D8 - #33413D | colorate

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

0.0%	0.0% #B5E4D8	RGB 181 228 216	#B5E4D8
16.7%	16.7% #9FC8BD	RGB 159 200 189	#9FC8BD
33.3%	33.3% #89ADA4	RGB 137 173 164	#89ADA4
50.0%	50.0% #73928A	RGB 115 146 138	#73928A
66.7%	66.7% #5D7770	RGB 93 119 112	#5D7770
83.3%	83.3% #485C56	RGB 72 92 86	#485C56
100.0%	100.0% #33413D	RGB 51 65 61	#33413D

#B5E4D8 #9FC8BD #89ADA4 #73928A #5D7770 #485C56 #33413D

#B5E4D8 - #73928A - #33413D

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E4D8 0%, #73928A 50%, #33413D 100%);
    background: -webkit-linear-gradient(top, #B5E4D8 0%, #73928A 50%, #33413D 100%);
    background: linear-gradient(to bottom, #B5E4D8 0%, #73928A 50%, #33413D 100%);
}
</style>