#5E2D59 - #C57786 | 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 #5E2D59 a #C57786

#5E2D59 #C57786

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

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

0.0%	0.0% #5E2D59	RGB 94 45 89	#5E2D59
16.7%	16.7% #6F3960	RGB 111 57 96	#6F3960
33.3%	33.3% #804568	RGB 128 69 104	#804568
50.0%	50.0% #91526F	RGB 145 82 111	#91526F
66.7%	66.7% #A25E77	RGB 162 94 119	#A25E77
83.3%	83.3% #B36A7E	RGB 179 106 126	#B36A7E
100.0%	100.0% #C57786	RGB 197 119 134	#C57786

#5E2D59 #6F3960 #804568 #91526F #A25E77 #B36A7E #C57786

#5E2D59 - #C57786

Miscela HSV

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

0.0%	0.0% #5E2D59	RGB 94 45 89	#5E2D59
16.7%	16.7% #6F3762	RGB 111 55 98	#6F3762
33.3%	33.3% #80426B	RGB 128 66 107	#80426B
50.0%	50.0% #914E73	RGB 145 78 115	#914E73
66.7%	66.7% #A25B79	RGB 162 91 121	#A25B79
83.3%	83.3% #B36880	RGB 179 104 128	#B36880
100.0%	100.0% #C57786	RGB 197 119 134	#C57786

#5E2D59 #6F3762 #80426B #914E73 #A25B79 #B36880 #C57786

#5E2D59 - #914E73 - #C57786

Codici CSS

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

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