#7D3E5E - #E1897D | 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 #7D3E5E a #E1897D

#7D3E5E #E1897D

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

#7D3E5E - #E1897D | 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 #7D3E5E come 0% e #E1897D come 100%.

0.0%	0.0% #7D3E5E	RGB 125 62 94	#7D3E5E
16.7%	16.7% #8D4A63	RGB 141 74 99	#8D4A63
33.3%	33.3% #9E5768	RGB 158 87 104	#9E5768
50.0%	50.0% #AF636D	RGB 175 99 109	#AF636D
66.7%	66.7% #BF7072	RGB 191 112 114	#BF7072
83.3%	83.3% #D07C77	RGB 208 124 119	#D07C77
100.0%	100.0% #E1897D	RGB 225 137 125	#E1897D

#7D3E5E #8D4A63 #9E5768 #AF636D #BF7072 #D07C77 #E1897D

#7D3E5E - #E1897D

Miscela HSV

#7D3E5E - #E1897D | 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 #7D3E5E come 0% e #E1897D come 100%.

0.0%	0.0% #7D3E5D	RGB 125 62 93	#7D3E5D
16.7%	16.7% #8D4763	RGB 141 71 99	#8D4763
33.3%	33.3% #9E5168	RGB 158 81 104	#9E5168
50.0%	50.0% #AF5C6C	RGB 175 92 108	#AF5C6C
66.7%	66.7% #BF666E	RGB 191 102 110	#BF666E
83.3%	83.3% #D07371	RGB 208 115 113	#D07371
100.0%	100.0% #E1897D	RGB 225 137 125	#E1897D

#7D3E5D #8D4763 #9E5168 #AF5C6C #BF666E #D07371 #E1897D

#7D3E5E - #AF5C6C - #E1897D

Codici CSS

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

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