#AC5E95 - #691B4D | 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 #AC5E95 a #691B4D

#AC5E95 #691B4D

Calcola il colore tra due colori, #AC5E95 e #691B4D. 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)

#AC5E95 - #691B4D | 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 #AC5E95 come 0% e #691B4D come 100%.

0.0%	0.0% #AC5E95	RGB 172 94 149	#AC5E95
16.7%	16.7% #A05289	RGB 160 82 137	#A05289
33.3%	33.3% #95477D	RGB 149 71 125	#95477D
50.0%	50.0% #8A3C71	RGB 138 60 113	#8A3C71
66.7%	66.7% #7F3165	RGB 127 49 101	#7F3165
83.3%	83.3% #742659	RGB 116 38 89	#742659
100.0%	100.0% #691B4D	RGB 105 27 77	#691B4D

#AC5E95 #A05289 #95477D #8A3C71 #7F3165 #742659 #691B4D

#AC5E95 - #691B4D

Miscela HSV

#AC5E95 - #691B4D | 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 #AC5E95 come 0% e #691B4D come 100%.

0.0%	0.0% #AC5E94	RGB 172 94 148	#AC5E94
16.7%	16.7% #A05088	RGB 160 80 136	#A05088
33.3%	33.3% #95437B	RGB 149 67 123	#95437B
50.0%	50.0% #8A376F	RGB 138 55 111	#8A376F
66.7%	66.7% #7F2D63	RGB 127 45 99	#7F2D63
83.3%	83.3% #742358	RGB 116 35 88	#742358
100.0%	100.0% #691B4D	RGB 105 27 77	#691B4D

#AC5E94 #A05088 #95437B #8A376F #7F2D63 #742358 #691B4D

#AC5E95 - #8A376F - #691B4D

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AC5E94 0%, #8A376F 50%, #691B4D 100%);
    background: -webkit-linear-gradient(top, #AC5E94 0%, #8A376F 50%, #691B4D 100%);
    background: linear-gradient(to bottom, #AC5E94 0%, #8A376F 50%, #691B4D 100%);
}
</style>