#71213B - #CD5E53 | 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 #71213B a #CD5E53

#71213B #CD5E53

Calcola il colore tra due colori, #71213B e #CD5E53. 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)

#71213B - #CD5E53 | 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 #71213B come 0% e #CD5E53 come 100%.

0.0%	0.0% #71213B	RGB 113 33 59	#71213B
16.7%	16.7% #802B3F	RGB 128 43 63	#802B3F
33.3%	33.3% #8F3543	RGB 143 53 67	#8F3543
50.0%	50.0% #9F3F47	RGB 159 63 71	#9F3F47
66.7%	66.7% #AE494B	RGB 174 73 75	#AE494B
83.3%	83.3% #BD534F	RGB 189 83 79	#BD534F
100.0%	100.0% #CD5E53	RGB 205 94 83	#CD5E53

#71213B #802B3F #8F3543 #9F3F47 #AE494B #BD534F #CD5E53

#71213B - #CD5E53

Miscela HSV

#71213B - #CD5E53 | 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 #71213B come 0% e #CD5E53 come 100%.

0.0%	0.0% #71213B	RGB 113 33 59	#71213B
16.7%	16.7% #80273E	RGB 128 39 62	#80273E
33.3%	33.3% #8F2F41	RGB 143 47 65	#8F2F41
50.0%	50.0% #9F3743	RGB 159 55 67	#9F3743
66.7%	66.7% #AE4045	RGB 174 64 69	#AE4045
83.3%	83.3% #BD4B49	RGB 189 75 73	#BD4B49
100.0%	100.0% #CD5E53	RGB 205 94 83	#CD5E53

#71213B #80273E #8F2F41 #9F3743 #AE4045 #BD4B49 #CD5E53

#71213B - #9F3743 - #CD5E53

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #71213B 0%, #9F3743 50%, #CD5E53 100%);
    background: -webkit-linear-gradient(top, #71213B 0%, #9F3743 50%, #CD5E53 100%);
    background: linear-gradient(to bottom, #71213B 0%, #9F3743 50%, #CD5E53 100%);
}
</style>