#91484C - #EE8E5E | 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 #91484C a #EE8E5E

#91484C #EE8E5E

Calcola il colore tra due colori, #91484C e #EE8E5E. 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)

#91484C - #EE8E5E | 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 #91484C come 0% e #EE8E5E come 100%.

0.0%	0.0% #91484C	RGB 145 72 76	#91484C
16.7%	16.7% #A0534F	RGB 160 83 79	#A0534F
33.3%	33.3% #B05F52	RGB 176 95 82	#B05F52
50.0%	50.0% #BF6B55	RGB 191 107 85	#BF6B55
66.7%	66.7% #CF7658	RGB 207 118 88	#CF7658
83.3%	83.3% #DE825B	RGB 222 130 91	#DE825B
100.0%	100.0% #EE8E5E	RGB 238 142 94	#EE8E5E

#91484C #A0534F #B05F52 #BF6B55 #CF7658 #DE825B #EE8E5E

#91484C - #EE8E5E

Miscela HSV

#91484C - #EE8E5E | 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 #91484C come 0% e #EE8E5E come 100%.

0.0%	0.0% #91484C	RGB 145 72 76	#91484C
16.7%	16.7% #A04D4C	RGB 160 77 76	#A04D4C
33.3%	33.3% #B05851	RGB 176 88 81	#B05851
50.0%	50.0% #BF6455	RGB 191 100 85	#BF6455
66.7%	66.7% #CF7058	RGB 207 112 88	#CF7058
83.3%	83.3% #DE7E5B	RGB 222 126 91	#DE7E5B
100.0%	100.0% #EE8E5E	RGB 238 142 94	#EE8E5E

#91484C #A04D4C #B05851 #BF6455 #CF7058 #DE7E5B #EE8E5E

#91484C - #BF6455 - #EE8E5E

Codici CSS

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

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