#5E555A - #DB827B | 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 #5E555A a #DB827B

#5E555A #DB827B

Calcola il colore tra due colori, #5E555A e #DB827B. 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)

#5E555A - #DB827B | 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 #5E555A come 0% e #DB827B come 100%.

0.0%	0.0% #5E555A	RGB 94 85 90	#5E555A
16.7%	16.7% #725C5F	RGB 114 92 95	#725C5F
33.3%	33.3% #876465	RGB 135 100 101	#876465
50.0%	50.0% #9C6B6A	RGB 156 107 106	#9C6B6A
66.7%	66.7% #B17370	RGB 177 115 112	#B17370
83.3%	83.3% #C67A75	RGB 198 122 117	#C67A75
100.0%	100.0% #DB827B	RGB 219 130 123	#DB827B

#5E555A #725C5F #876465 #9C6B6A #B17370 #C67A75 #DB827B

#5E555A - #DB827B

Miscela HSV

#5E555A - #DB827B | 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 #5E555A come 0% e #DB827B come 100%.

0.0%	0.0% #5E555A	RGB 94 85 90	#5E555A
16.7%	16.7% #726169	RGB 114 97 105	#726169
33.3%	33.3% #876B75	RGB 135 107 117	#876B75
50.0%	50.0% #9C727C	RGB 156 114 124	#9C727C
66.7%	66.7% #B1777F	RGB 177 119 127	#B1777F
83.3%	83.3% #C67A7D	RGB 198 122 125	#C67A7D
100.0%	100.0% #DB827B	RGB 219 130 123	#DB827B

#5E555A #726169 #876B75 #9C727C #B1777F #C67A7D #DB827B

#5E555A - #9C727C - #DB827B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E555A 0%, #9C727C 50%, #DB827B 100%);
    background: -webkit-linear-gradient(top, #5E555A 0%, #9C727C 50%, #DB827B 100%);
    background: linear-gradient(to bottom, #5E555A 0%, #9C727C 50%, #DB827B 100%);
}
</style>