#C28DBB - #FEB0CF | colorate

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

Blend #C28DBB to #FEB0CF

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

RGB混合

#C28DBB - #FEB0CF | colorate

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

0.0%	0.0% #C28DBB	RGB 194 141 187	#C28DBB
16.7%	16.7% #CC92BE	RGB 204 146 190	#CC92BE
33.3%	33.3% #D698C1	RGB 214 152 193	#D698C1
50.0%	50.0% #E09EC5	RGB 224 158 197	#E09EC5
66.7%	66.7% #EAA4C8	RGB 234 164 200	#EAA4C8
83.3%	83.3% #F4AACB	RGB 244 170 203	#F4AACB
100.0%	100.0% #FEB0CF	RGB 254 176 207	#FEB0CF

#C28DBB #CC92BE #D698C1 #E09EC5 #EAA4C8 #F4AACB #FEB0CF

#C28DBB - #FEB0CF

HSV混合

#C28DBB - #FEB0CF | colorate

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

0.0%	0.0% #C28DBB	RGB 194 141 187	#C28DBB
16.7%	16.7% #CC93C0	RGB 204 147 192	#CC93C0
33.3%	33.3% #D699C4	RGB 214 153 196	#D699C4
50.0%	50.0% #E09FC8	RGB 224 159 200	#E09FC8
66.7%	66.7% #EAA4CB	RGB 234 164 203	#EAA4CB
83.3%	83.3% #F4AACD	RGB 244 170 205	#F4AACD
100.0%	100.0% #FEB0CF	RGB 254 176 207	#FEB0CF

#C28DBB #CC93C0 #D699C4 #E09FC8 #EAA4CB #F4AACD #FEB0CF

#C28DBB - #E09FC8 - #FEB0CF

CSS代码

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

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