#C09DA6 - #FFDDBB | colorate

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

Blend #C09DA6 to #FFDDBB

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

RGB混合

#C09DA6 - #FFDDBB | colorate

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

0.0%	0.0% #C09DA6	RGB 192 157 166	#C09DA6
16.7%	16.7% #CAA7A9	RGB 202 167 169	#CAA7A9
33.3%	33.3% #D5B2AD	RGB 213 178 173	#D5B2AD
50.0%	50.0% #DFBDB0	RGB 223 189 176	#DFBDB0
66.7%	66.7% #EAC7B4	RGB 234 199 180	#EAC7B4
83.3%	83.3% #F4D2B7	RGB 244 210 183	#F4D2B7
100.0%	100.0% #FFDDBB	RGB 255 221 187	#FFDDBB

#C09DA6 #CAA7A9 #D5B2AD #DFBDB0 #EAC7B4 #F4D2B7 #FFDDBB

#C09DA6 - #FFDDBB

HSV混合

#C09DA6 - #FFDDBB | colorate

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

0.0%	0.0% #C09DA6	RGB 192 157 166	#C09DA6
16.7%	16.7% #CAA2A7	RGB 202 162 167	#CAA2A7
33.3%	33.3% #D5A8A8	RGB 213 168 168	#D5A8A8
50.0%	50.0% #DFB3AD	RGB 223 179 173	#DFB3AD
66.7%	66.7% #EAC0B2	RGB 234 192 178	#EAC0B2
83.3%	83.3% #F4CDB6	RGB 244 205 182	#F4CDB6
100.0%	100.0% #FFDDBB	RGB 255 221 187	#FFDDBB

#C09DA6 #CAA2A7 #D5A8A8 #DFB3AD #EAC0B2 #F4CDB6 #FFDDBB

#C09DA6 - #DFB3AD - #FFDDBB

CSS代码

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

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