#DAC5E6 - #FFE3DA | colorate

colorate è uno strumento per schemi a colori per designer e sviluppatori. Questo ti aiuterà a trarre ispirazione e funge da risorsa per il tuo lavoro a colori. Rendi questo sito migliore

Miscela da #DAC5E6 a #FFE3DA

#DAC5E6 #FFE3DA

Calcola il colore tra due colori, #DAC5E6 e #FFE3DA. Nel calcolo dei valori RGB, la saturazione tra i colori diversi è bassa. Nel calcolo dei valori HSV, la saturazione tra i colori diversi non è bassa.

Miscela RGB (lineare)

#DAC5E6 - #FFE3DA | colorate

Calcolo del colore tra due colori in base al valore RGB. Per i colori distanti tra loro, la saturazione tra i due colori diminuisce. Espandi il colore tra due colori con #DAC5E6 come 0% e #FFE3DA come 100%.

0.0%	0.0% #DAC5E6	RGB 218 197 230	#DAC5E6
16.7%	16.7% #E0CAE4	RGB 224 202 228	#E0CAE4
33.3%	33.3% #E6CFE2	RGB 230 207 226	#E6CFE2
50.0%	50.0% #ECD4E0	RGB 236 212 224	#ECD4E0
66.7%	66.7% #F2D9DE	RGB 242 217 222	#F2D9DE
83.3%	83.3% #F8DEDC	RGB 248 222 220	#F8DEDC
100.0%	100.0% #FFE3DA	RGB 255 227 218	#FFE3DA

#DAC5E6 #E0CAE4 #E6CFE2 #ECD4E0 #F2D9DE #F8DEDC #FFE3DA

#DAC5E6 - #FFE3DA

Miscela HSV

#DAC5E6 - #FFE3DA | colorate

Calcolo del colore tra due colori in base al valore HSV. Anche tra distinti colori di colore, la saturazione tra i due colori non diminuisce. Espandi il colore tra due colori con #DAC5E6 come 0% e #FFE3DA come 100%.

0.0%	0.0% #DAC5E6	RGB 218 197 230	#DAC5E6
16.7%	16.7% #E6C8EA	RGB 230 200 234	#E6C8EA
33.3%	33.3% #EECCE8	RGB 238 204 232	#EECCE8
50.0%	50.0% #F2CFE3	RGB 242 207 227	#F2CFE3
66.7%	66.7% #F6D3DD	RGB 246 211 221	#F6D3DD
83.3%	83.3% #FAD6D7	RGB 250 214 215	#FAD6D7
100.0%	100.0% #FFE3DA	RGB 255 227 218	#FFE3DA

#DAC5E6 #E6C8EA #EECCE8 #F2CFE3 #F6D3DD #FAD6D7 #FFE3DA

#DAC5E6 - #F2CFE3 - #FFE3DA

Codici CSS

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

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