#C8AEB5 - #EFE7E9 | colorate

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

Blend #C8AEB5 to #EFE7E9

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

RGB混合

#C8AEB5 - #EFE7E9 | colorate

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

0.0%	0.0% #C8AEB5	RGB 200 174 181	#C8AEB5
16.7%	16.7% #CEB7BD	RGB 206 183 189	#CEB7BD
33.3%	33.3% #D5C1C6	RGB 213 193 198	#D5C1C6
50.0%	50.0% #DBCACF	RGB 219 202 207	#DBCACF
66.7%	66.7% #E2D4D7	RGB 226 212 215	#E2D4D7
83.3%	83.3% #E8DDE0	RGB 232 221 224	#E8DDE0
100.0%	100.0% #EFE7E9	RGB 239 231 233	#EFE7E9

#C8AEB5 #CEB7BD #D5C1C6 #DBCACF #E2D4D7 #E8DDE0 #EFE7E9

#C8AEB5 - #EFE7E9

HSV混合

#C8AEB5 - #EFE7E9 | colorate

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

0.0%	0.0% #C8AEB5	RGB 200 174 181	#C8AEB5
16.7%	16.7% #CEB6BD	RGB 206 182 189	#CEB6BD
33.3%	33.3% #D5C0C5	RGB 213 192 197	#D5C0C5
50.0%	50.0% #DBC9CE	RGB 219 201 206	#DBC9CE
66.7%	66.7% #E2D3D6	RGB 226 211 214	#E2D3D6
83.3%	83.3% #E8DCDF	RGB 232 220 223	#E8DCDF
100.0%	100.0% #EFE7E9	RGB 239 231 233	#EFE7E9

#C8AEB5 #CEB6BD #D5C0C5 #DBC9CE #E2D3D6 #E8DCDF #EFE7E9

#C8AEB5 - #DBC9CE - #EFE7E9

CSS代码

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

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