#EB6AA7 - #AC055A | 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 #EB6AA7 a #AC055A

#EB6AA7 #AC055A

Calcola il colore tra due colori, #EB6AA7 e #AC055A. 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)

#EB6AA7 - #AC055A | 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 #EB6AA7 come 0% e #AC055A come 100%.

0.0%	0.0% #EB6AA7	RGB 235 106 167	#EB6AA7
16.7%	16.7% #E0599A	RGB 224 89 154	#E0599A
33.3%	33.3% #D6488D	RGB 214 72 141	#D6488D
50.0%	50.0% #CB3780	RGB 203 55 128	#CB3780
66.7%	66.7% #C12673	RGB 193 38 115	#C12673
83.3%	83.3% #B61566	RGB 182 21 102	#B61566
100.0%	100.0% #AC055A	RGB 172 5 90	#AC055A

#EB6AA7 #E0599A #D6488D #CB3780 #C12673 #B61566 #AC055A

#EB6AA7 - #AC055A

Miscela HSV

#EB6AA7 - #AC055A | 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 #EB6AA7 come 0% e #AC055A come 100%.

0.0%	0.0% #EB6AA6	RGB 235 106 166	#EB6AA6
16.7%	16.7% #E05598	RGB 224 85 152	#E05598
33.3%	33.3% #D64289	RGB 214 66 137	#D64289
50.0%	50.0% #CB307C	RGB 203 48 124	#CB307C
66.7%	66.7% #C12070	RGB 193 32 112	#C12070
83.3%	83.3% #B61264	RGB 182 18 100	#B61264
100.0%	100.0% #AC055A	RGB 172 5 90	#AC055A

#EB6AA6 #E05598 #D64289 #CB307C #C12070 #B61264 #AC055A

#EB6AA7 - #CB307C - #AC055A

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #EB6AA6 0%, #CB307C 50%, #AC055A 100%);
    background: -webkit-linear-gradient(top, #EB6AA6 0%, #CB307C 50%, #AC055A 100%);
    background: linear-gradient(to bottom, #EB6AA6 0%, #CB307C 50%, #AC055A 100%);
}
</style>