#F8AC9C - #FFB5E7 | colorate

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

Blend #F8AC9C to #FFB5E7

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

RGB混合

#F8AC9C - #FFB5E7 | colorate

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

0.0%	0.0% #F8AC9C	RGB 248 172 156	#F8AC9C
16.7%	16.7% #F9ADA8	RGB 249 173 168	#F9ADA8
33.3%	33.3% #FAAFB5	RGB 250 175 181	#FAAFB5
50.0%	50.0% #FBB0C1	RGB 251 176 193	#FBB0C1
66.7%	66.7% #FCB2CE	RGB 252 178 206	#FCB2CE
83.3%	83.3% #FDB3DA	RGB 253 179 218	#FDB3DA
100.0%	100.0% #FFB5E7	RGB 255 181 231	#FFB5E7

#F8AC9C #F9ADA8 #FAAFB5 #FBB0C1 #FCB2CE #FDB3DA #FFB5E7

#F8AC9C - #FFB5E7

HSV混合

#F8AC9C - #FFB5E7 | colorate

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

0.0%	0.0% #F8AC9C	RGB 248 172 156	#F8AC9C
16.7%	16.7% #F9A2A0	RGB 249 162 160	#F9A2A0
33.3%	33.3% #FAA4AD	RGB 250 164 173	#FAA4AD
50.0%	50.0% #FBA8BD	RGB 251 168 189	#FBA8BD
66.7%	66.7% #FCACCB	RGB 252 172 203	#FCACCB
83.3%	83.3% #FDB0D9	RGB 253 176 217	#FDB0D9
100.0%	100.0% #FFB5E7	RGB 255 181 231	#FFB5E7

#F8AC9C #F9A2A0 #FAA4AD #FBA8BD #FCACCB #FDB0D9 #FFB5E7

#F8AC9C - #FBA8BD - #FFB5E7

CSS代码

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

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