#AC7A8D - #752A3E | 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 #AC7A8D a #752A3E

#AC7A8D #752A3E

Calcola il colore tra due colori, #AC7A8D e #752A3E. 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)

#AC7A8D - #752A3E | 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 #AC7A8D come 0% e #752A3E come 100%.

0.0%	0.0% #AC7A8D	RGB 172 122 141	#AC7A8D
16.7%	16.7% #A26C7F	RGB 162 108 127	#A26C7F
33.3%	33.3% #995F72	RGB 153 95 114	#995F72
50.0%	50.0% #905265	RGB 144 82 101	#905265
66.7%	66.7% #874458	RGB 135 68 88	#874458
83.3%	83.3% #7E374B	RGB 126 55 75	#7E374B
100.0%	100.0% #752A3E	RGB 117 42 62	#752A3E

#AC7A8D #A26C7F #995F72 #905265 #874458 #7E374B #752A3E

#AC7A8D - #752A3E

Miscela HSV

#AC7A8D - #752A3E | 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 #AC7A8D come 0% e #752A3E come 100%.

0.0%	0.0% #AC7A8D	RGB 172 122 141	#AC7A8D
16.7%	16.7% #A2697E	RGB 162 105 126	#A2697E
33.3%	33.3% #995B70	RGB 153 91 112	#995B70
50.0%	50.0% #904D62	RGB 144 77 98	#904D62
66.7%	66.7% #874055	RGB 135 64 85	#874055
83.3%	83.3% #7E3449	RGB 126 52 73	#7E3449
100.0%	100.0% #752A3E	RGB 117 42 62	#752A3E

#AC7A8D #A2697E #995B70 #904D62 #874055 #7E3449 #752A3E

#AC7A8D - #904D62 - #752A3E

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AC7A8D 0%, #904D62 50%, #752A3E 100%);
    background: -webkit-linear-gradient(top, #AC7A8D 0%, #904D62 50%, #752A3E 100%);
    background: linear-gradient(to bottom, #AC7A8D 0%, #904D62 50%, #752A3E 100%);
}
</style>