#C9968B - #AB4C38 | 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 #C9968B a #AB4C38

#C9968B #AB4C38

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

#C9968B - #AB4C38 | 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 #C9968B come 0% e #AB4C38 come 100%.

0.0%	0.0% #C9968B	RGB 201 150 139	#C9968B
16.7%	16.7% #C4897D	RGB 196 137 125	#C4897D
33.3%	33.3% #BF7D6F	RGB 191 125 111	#BF7D6F
50.0%	50.0% #BA7161	RGB 186 113 97	#BA7161
66.7%	66.7% #B56453	RGB 181 100 83	#B56453
83.3%	83.3% #B05845	RGB 176 88 69	#B05845
100.0%	100.0% #AB4C38	RGB 171 76 56	#AB4C38

#C9968B #C4897D #BF7D6F #BA7161 #B56453 #B05845 #AB4C38

#C9968B - #AB4C38

Miscela HSV

#C9968B - #AB4C38 | 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 #C9968B come 0% e #AB4C38 come 100%.

0.0%	0.0% #C9968B	RGB 201 150 139	#C9968B
16.7%	16.7% #C4887B	RGB 196 136 123	#C4887B
33.3%	33.3% #BF7B6C	RGB 191 123 108	#BF7B6C
50.0%	50.0% #BA6E5E	RGB 186 110 94	#BA6E5E
66.7%	66.7% #B56251	RGB 181 98 81	#B56251
83.3%	83.3% #B05744	RGB 176 87 68	#B05744
100.0%	100.0% #AB4C38	RGB 171 76 56	#AB4C38

#C9968B #C4887B #BF7B6C #BA6E5E #B56251 #B05744 #AB4C38

#C9968B - #BA6E5E - #AB4C38

Codici CSS

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

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