#AEC3C9 - #EBDCFF | colorate

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

Blend #AEC3C9 to #EBDCFF

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

RGB混合

#AEC3C9 - #EBDCFF | colorate

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

0.0%	0.0% #AEC3C9	RGB 174 195 201	#AEC3C9
16.7%	16.7% #B8C7D2	RGB 184 199 210	#B8C7D2
33.3%	33.3% #C2CBDB	RGB 194 203 219	#C2CBDB
50.0%	50.0% #CCCFE4	RGB 204 207 228	#CCCFE4
66.7%	66.7% #D6D3ED	RGB 214 211 237	#D6D3ED
83.3%	83.3% #E0D7F6	RGB 224 215 246	#E0D7F6
100.0%	100.0% #EBDCFF	RGB 235 220 255	#EBDCFF

#AEC3C9 #B8C7D2 #C2CBDB #CCCFE4 #D6D3ED #E0D7F6 #EBDCFF

#AEC3C9 - #EBDCFF

HSV混合

#AEC3C9 - #EBDCFF | colorate

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

0.0%	0.0% #AEC3C9	RGB 174 195 201	#AEC3C9
16.7%	16.7% #B5C6D2	RGB 181 198 210	#B5C6D2
33.3%	33.3% #BDC8DB	RGB 189 200 219	#BDC8DB
50.0%	50.0% #C5CAE4	RGB 197 202 228	#C5CAE4
66.7%	66.7% #CDCCED	RGB 205 204 237	#CDCCED
83.3%	83.3% #DCD4F6	RGB 220 212 246	#DCD4F6
100.0%	100.0% #EBDCFF	RGB 235 220 255	#EBDCFF

#AEC3C9 #B5C6D2 #BDC8DB #C5CAE4 #CDCCED #DCD4F6 #EBDCFF

#AEC3C9 - #C5CAE4 - #EBDCFF

CSS代码

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

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