#5E5D5D - #D37CD4 | 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 #5E5D5D a #D37CD4

#5E5D5D #D37CD4

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

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

0.0%	0.0% #5E5D5D	RGB 94 93 93	#5E5D5D
16.7%	16.7% #716270	RGB 113 98 112	#716270
33.3%	33.3% #856784	RGB 133 103 132	#856784
50.0%	50.0% #986C98	RGB 152 108 152	#986C98
66.7%	66.7% #AC71AC	RGB 172 113 172	#AC71AC
83.3%	83.3% #BF76C0	RGB 191 118 192	#BF76C0
100.0%	100.0% #D37CD4	RGB 211 124 212	#D37CD4

#5E5D5D #716270 #856784 #986C98 #AC71AC #BF76C0 #D37CD4

#5E5D5D - #D37CD4

Miscela HSV

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

0.0%	0.0% #5E5D5D	RGB 94 93 93	#5E5D5D
16.7%	16.7% #71686A	RGB 113 104 106	#71686A
33.3%	33.3% #857178	RGB 133 113 120	#857178
50.0%	50.0% #997888	RGB 153 120 136	#997888
66.7%	66.7% #AC7C9C	RGB 172 124 156	#AC7C9C
83.3%	83.3% #C07DB5	RGB 192 125 181	#C07DB5
100.0%	100.0% #D37CD4	RGB 211 124 212	#D37CD4

#5E5D5D #71686A #857178 #997888 #AC7C9C #C07DB5 #D37CD4

#5E5D5D - #997888 - #D37CD4

Codici CSS

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

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