#D9AECC - #3E313A | 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 #D9AECC a #3E313A

#D9AECC #3E313A

Calcola il colore tra due colori, #D9AECC e #3E313A. 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)

#D9AECC - #3E313A | 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 #D9AECC come 0% e #3E313A come 100%.

0.0%	0.0% #D9AECC	RGB 217 174 204	#D9AECC
16.7%	16.7% #BF99B3	RGB 191 153 179	#BF99B3
33.3%	33.3% #A5849B	RGB 165 132 155	#A5849B
50.0%	50.0% #8B6F83	RGB 139 111 131	#8B6F83
66.7%	66.7% #715A6A	RGB 113 90 106	#715A6A
83.3%	83.3% #574552	RGB 87 69 82	#574552
100.0%	100.0% #3E313A	RGB 62 49 58	#3E313A

#D9AECC #BF99B3 #A5849B #8B6F83 #715A6A #574552 #3E313A

#D9AECC - #3E313A

Miscela HSV

#D9AECC - #3E313A | 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 #D9AECC come 0% e #3E313A come 100%.

0.0%	0.0% #D9AECC	RGB 217 174 204	#D9AECC
16.7%	16.7% #BF98B3	RGB 191 152 179	#BF98B3
33.3%	33.3% #A5839B	RGB 165 131 155	#A5839B
50.0%	50.0% #8B6F82	RGB 139 111 130	#8B6F82
66.7%	66.7% #715A6A	RGB 113 90 106	#715A6A
83.3%	83.3% #574552	RGB 87 69 82	#574552
100.0%	100.0% #3E313A	RGB 62 49 58	#3E313A

#D9AECC #BF98B3 #A5839B #8B6F82 #715A6A #574552 #3E313A

#D9AECC - #8B6F82 - #3E313A

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D9AECC 0%, #8B6F82 50%, #3E313A 100%);
    background: -webkit-linear-gradient(top, #D9AECC 0%, #8B6F82 50%, #3E313A 100%);
    background: linear-gradient(to bottom, #D9AECC 0%, #8B6F82 50%, #3E313A 100%);
}
</style>