#D3AE5D - #EDA8EB | colorate

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

Blend #D3AE5D to #EDA8EB

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

RGB混合

#D3AE5D - #EDA8EB | colorate

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

0.0%	0.0% #D3AE5D	RGB 211 174 93	#D3AE5D
16.7%	16.7% #D7AD74	RGB 215 173 116	#D7AD74
33.3%	33.3% #DBAC8C	RGB 219 172 140	#DBAC8C
50.0%	50.0% #E0ABA4	RGB 224 171 164	#E0ABA4
66.7%	66.7% #E4AABB	RGB 228 170 187	#E4AABB
83.3%	83.3% #E8A9D3	RGB 232 169 211	#E8A9D3
100.0%	100.0% #EDA8EB	RGB 237 168 235	#EDA8EB

#D3AE5D #D7AD74 #DBAC8C #E0ABA4 #E4AABB #E8A9D3 #EDA8EB

#D3AE5D - #EDA8EB

HSV混合

#D3AE5D - #EDA8EB | colorate

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

0.0%	0.0% #D3AE5D	RGB 211 174 93	#D3AE5D
16.7%	16.7% #D79568	RGB 215 149 104	#D79568
33.3%	33.3% #DB8274	RGB 219 130 116	#DB8274
50.0%	50.0% #E0808E	RGB 224 128 142	#E0808E
66.7%	66.7% #E48DB1	RGB 228 141 177	#E48DB1
83.3%	83.3% #E89AD0	RGB 232 154 208	#E89AD0
100.0%	100.0% #EDA8EB	RGB 237 168 235	#EDA8EB

#D3AE5D #D79568 #DB8274 #E0808E #E48DB1 #E89AD0 #EDA8EB

#D3AE5D - #E0808E - #EDA8EB

CSS代码

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

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