#E6DEE5 - #AE8CAC | 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 #E6DEE5 a #AE8CAC

#E6DEE5 #AE8CAC

Calcola il colore tra due colori, #E6DEE5 e #AE8CAC. 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)

#E6DEE5 - #AE8CAC | 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 #E6DEE5 come 0% e #AE8CAC come 100%.

0.0%	0.0% #E6DEE5	RGB 230 222 229	#E6DEE5
16.7%	16.7% #DCD0DB	RGB 220 208 219	#DCD0DB
33.3%	33.3% #D3C2D2	RGB 211 194 210	#D3C2D2
50.0%	50.0% #CAB5C8	RGB 202 181 200	#CAB5C8
66.7%	66.7% #C0A7BF	RGB 192 167 191	#C0A7BF
83.3%	83.3% #B799B5	RGB 183 153 181	#B799B5
100.0%	100.0% #AE8CAC	RGB 174 140 172	#AE8CAC

#E6DEE5 #DCD0DB #D3C2D2 #CAB5C8 #C0A7BF #B799B5 #AE8CAC

#E6DEE5 - #AE8CAC

Miscela HSV

#E6DEE5 - #AE8CAC | 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 #E6DEE5 come 0% e #AE8CAC come 100%.

0.0%	0.0% #E6DEE5	RGB 230 222 229	#E6DEE5
16.7%	16.7% #DCCFDB	RGB 220 207 219	#DCCFDB
33.3%	33.3% #D3C0D1	RGB 211 192 209	#D3C0D1
50.0%	50.0% #CAB2C7	RGB 202 178 199	#CAB2C7
66.7%	66.7% #C0A5BE	RGB 192 165 190	#C0A5BE
83.3%	83.3% #B798B5	RGB 183 152 181	#B798B5
100.0%	100.0% #AE8CAC	RGB 174 140 172	#AE8CAC

#E6DEE5 #DCCFDB #D3C0D1 #CAB2C7 #C0A5BE #B798B5 #AE8CAC

#E6DEE5 - #CAB2C7 - #AE8CAC

Codici CSS

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

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