#5E3D58 - #CD747C | 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 #5E3D58 a #CD747C

#5E3D58 #CD747C

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

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

0.0%	0.0% #5E3D58	RGB 94 61 88	#5E3D58
16.7%	16.7% #70465E	RGB 112 70 94	#70465E
33.3%	33.3% #834F64	RGB 131 79 100	#834F64
50.0%	50.0% #95586A	RGB 149 88 106	#95586A
66.7%	66.7% #A86170	RGB 168 97 112	#A86170
83.3%	83.3% #BA6A76	RGB 186 106 118	#BA6A76
100.0%	100.0% #CD747C	RGB 205 116 124	#CD747C

#5E3D58 #70465E #834F64 #95586A #A86170 #BA6A76 #CD747C

#5E3D58 - #CD747C

Miscela HSV

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

0.0%	0.0% #5E3D58	RGB 94 61 88	#5E3D58
16.7%	16.7% #704764	RGB 112 71 100	#704764
33.3%	33.3% #83516D	RGB 131 81 109	#83516D
50.0%	50.0% #955A75	RGB 149 90 117	#955A75
66.7%	66.7% #A8637A	RGB 168 99 122	#A8637A
83.3%	83.3% #BA6C7C	RGB 186 108 124	#BA6C7C
100.0%	100.0% #CD747C	RGB 205 116 124	#CD747C

#5E3D58 #704764 #83516D #955A75 #A8637A #BA6C7C #CD747C

#5E3D58 - #955A75 - #CD747C

Codici CSS

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

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