#5EBEA1 - #DDD6CB | colorate

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

Blend #5EBEA1 to #DDD6CB

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

RGB混合

#5EBEA1 - #DDD6CB | colorate

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

0.0%	0.0% #5EBEA1	RGB 94 190 161	#5EBEA1
16.7%	16.7% #73C2A8	RGB 115 194 168	#73C2A8
33.3%	33.3% #88C6AF	RGB 136 198 175	#88C6AF
50.0%	50.0% #9DCAB6	RGB 157 202 182	#9DCAB6
66.7%	66.7% #B2CEBD	RGB 178 206 189	#B2CEBD
83.3%	83.3% #C7D2C4	RGB 199 210 196	#C7D2C4
100.0%	100.0% #DDD6CB	RGB 221 214 203	#DDD6CB

#5EBEA1 #73C2A8 #88C6AF #9DCAB6 #B2CEBD #C7D2C4 #DDD6CB

#5EBEA1 - #DDD6CB

HSV混合

#5EBEA1 - #DDD6CB | colorate

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

0.0%	0.0% #5EBEA1	RGB 94 190 161	#5EBEA1
16.7%	16.7% #6EC38C	RGB 110 195 140	#6EC38C
33.3%	33.3% #7FC87F	RGB 127 200 127	#7FC87F
50.0%	50.0% #A6CD91	RGB 166 205 145	#A6CD91
66.7%	66.7% #C4D2A3	RGB 196 210 163	#C4D2A3
83.3%	83.3% #D7D6B7	RGB 215 214 183	#D7D6B7
100.0%	100.0% #DDD6CB	RGB 221 214 203	#DDD6CB

#5EBEA1 #6EC38C #7FC87F #A6CD91 #C4D2A3 #D7D6B7 #DDD6CB

#5EBEA1 - #A6CD91 - #DDD6CB

CSS代码

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

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