#674B5E - #DB9884 | 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 #674B5E a #DB9884

#674B5E #DB9884

Calcola il colore tra due colori, #674B5E e #DB9884. 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)

#674B5E - #DB9884 | 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 #674B5E come 0% e #DB9884 come 100%.

0.0%	0.0% #674B5E	RGB 103 75 94	#674B5E
16.7%	16.7% #7A5764	RGB 122 87 100	#7A5764
33.3%	33.3% #8D646A	RGB 141 100 106	#8D646A
50.0%	50.0% #A17171	RGB 161 113 113	#A17171
66.7%	66.7% #B47E77	RGB 180 126 119	#B47E77
83.3%	83.3% #C78B7D	RGB 199 139 125	#C78B7D
100.0%	100.0% #DB9884	RGB 219 152 132	#DB9884

#674B5E #7A5764 #8D646A #A17171 #B47E77 #C78B7D #DB9884

#674B5E - #DB9884

Miscela HSV

#674B5E - #DB9884 | 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 #674B5E come 0% e #DB9884 come 100%.

0.0%	0.0% #674B5E	RGB 103 75 94	#674B5E
16.7%	16.7% #7A5669	RGB 122 86 105	#7A5669
33.3%	33.3% #8D6171	RGB 141 97 113	#8D6171
50.0%	50.0% #A16B77	RGB 161 107 119	#A16B77
66.7%	66.7% #B47478	RGB 180 116 120	#B47478
83.3%	83.3% #C7827C	RGB 199 130 124	#C7827C
100.0%	100.0% #DB9884	RGB 219 152 132	#DB9884

#674B5E #7A5669 #8D6171 #A16B77 #B47478 #C7827C #DB9884

#674B5E - #A16B77 - #DB9884

Codici CSS

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

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