#AB5E95 - #F9989E | 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 #AB5E95 a #F9989E

#AB5E95 #F9989E

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

#AB5E95 - #F9989E | 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 #AB5E95 come 0% e #F9989E come 100%.

0.0%	0.0% #AB5E95	RGB 171 94 149	#AB5E95
16.7%	16.7% #B86796	RGB 184 103 150	#B86796
33.3%	33.3% #C57198	RGB 197 113 152	#C57198
50.0%	50.0% #D27B99	RGB 210 123 153	#D27B99
66.7%	66.7% #DF849B	RGB 223 132 155	#DF849B
83.3%	83.3% #EC8E9C	RGB 236 142 156	#EC8E9C
100.0%	100.0% #F9989E	RGB 249 152 158	#F9989E

#AB5E95 #B86796 #C57198 #D27B99 #DF849B #EC8E9C #F9989E

#AB5E95 - #F9989E

Miscela HSV

#AB5E95 - #F9989E | 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 #AB5E95 come 0% e #F9989E come 100%.

0.0%	0.0% #AB5E95	RGB 171 94 149	#AB5E95
16.7%	16.7% #B86798	RGB 184 103 152	#B86798
33.3%	33.3% #C5709A	RGB 197 112 154	#C5709A
50.0%	50.0% #D2799C	RGB 210 121 156	#D2799C
66.7%	66.7% #DF839D	RGB 223 131 157	#DF839D
83.3%	83.3% #EC8D9D	RGB 236 141 157	#EC8D9D
100.0%	100.0% #F9989E	RGB 249 152 158	#F9989E

#AB5E95 #B86798 #C5709A #D2799C #DF839D #EC8D9D #F9989E

#AB5E95 - #D2799C - #F9989E

Codici CSS

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

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