#AB4D95 - #5E224A | 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 #AB4D95 a #5E224A

#AB4D95 #5E224A

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

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

0.0%	0.0% #AB4D95	RGB 171 77 149	#AB4D95
16.7%	16.7% #9E4588	RGB 158 69 136	#9E4588
33.3%	33.3% #913E7C	RGB 145 62 124	#913E7C
50.0%	50.0% #84376F	RGB 132 55 111	#84376F
66.7%	66.7% #773063	RGB 119 48 99	#773063
83.3%	83.3% #6A2956	RGB 106 41 86	#6A2956
100.0%	100.0% #5E224A	RGB 94 34 74	#5E224A

#AB4D95 #9E4588 #913E7C #84376F #773063 #6A2956 #5E224A

#AB4D95 - #5E224A

Miscela HSV

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

0.0%	0.0% #AB4D94	RGB 171 77 148	#AB4D94
16.7%	16.7% #9E4487	RGB 158 68 135	#9E4487
33.3%	33.3% #913D7A	RGB 145 61 122	#913D7A
50.0%	50.0% #84356E	RGB 132 53 110	#84356E
66.7%	66.7% #772E61	RGB 119 46 97	#772E61
83.3%	83.3% #6A2855	RGB 106 40 85	#6A2855
100.0%	100.0% #5E224A	RGB 94 34 74	#5E224A

#AB4D94 #9E4487 #913D7A #84356E #772E61 #6A2855 #5E224A

#AB4D95 - #84356E - #5E224A

Codici CSS

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

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