#AB8C92 - #FFCFA8 | 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 #AB8C92 a #FFCFA8

#AB8C92 #FFCFA8

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

#AB8C92 - #FFCFA8 | 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 #AB8C92 come 0% e #FFCFA8 come 100%.

0.0%	0.0% #AB8C92	RGB 171 140 146	#AB8C92
16.7%	16.7% #B99795	RGB 185 151 149	#B99795
33.3%	33.3% #C7A299	RGB 199 162 153	#C7A299
50.0%	50.0% #D5AD9D	RGB 213 173 157	#D5AD9D
66.7%	66.7% #E3B8A0	RGB 227 184 160	#E3B8A0
83.3%	83.3% #F1C3A4	RGB 241 195 164	#F1C3A4
100.0%	100.0% #FFCFA8	RGB 255 207 168	#FFCFA8

#AB8C92 #B99795 #C7A299 #D5AD9D #E3B8A0 #F1C3A4 #FFCFA8

#AB8C92 - #FFCFA8

Miscela HSV

#AB8C92 - #FFCFA8 | 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 #AB8C92 come 0% e #FFCFA8 come 100%.

0.0%	0.0% #AB8C92	RGB 171 140 146	#AB8C92
16.7%	16.7% #B99295	RGB 185 146 149	#B99295
33.3%	33.3% #C79998	RGB 199 153 152	#C79998
50.0%	50.0% #D5A49D	RGB 213 164 157	#D5A49D
66.7%	66.7% #E3B0A1	RGB 227 176 161	#E3B0A1
83.3%	83.3% #F1BFA5	RGB 241 191 165	#F1BFA5
100.0%	100.0% #FFCFA8	RGB 255 207 168	#FFCFA8

#AB8C92 #B99295 #C79998 #D5A49D #E3B0A1 #F1BFA5 #FFCFA8

#AB8C92 - #D5A49D - #FFCFA8

Codici CSS

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

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