#997B5E - #EE7CCA | 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 #997B5E a #EE7CCA

#997B5E #EE7CCA

Calcola il colore tra due colori, #997B5E e #EE7CCA. 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)

#997B5E - #EE7CCA | 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 #997B5E come 0% e #EE7CCA come 100%.

0.0%	0.0% #997B5E	RGB 153 123 94	#997B5E
16.7%	16.7% #A77B70	RGB 167 123 112	#A77B70
33.3%	33.3% #B57B82	RGB 181 123 130	#B57B82
50.0%	50.0% #C37B94	RGB 195 123 148	#C37B94
66.7%	66.7% #D17BA6	RGB 209 123 166	#D17BA6
83.3%	83.3% #DF7BB8	RGB 223 123 184	#DF7BB8
100.0%	100.0% #EE7CCA	RGB 238 124 202	#EE7CCA

#997B5E #A77B70 #B57B82 #C37B94 #D17BA6 #DF7BB8 #EE7CCA

#997B5E - #EE7CCA

Miscela HSV

#997B5E - #EE7CCA | 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 #997B5E come 0% e #EE7CCA come 100%.

0.0%	0.0% #997B5E	RGB 153 123 94	#997B5E
16.7%	16.7% #A77764	RGB 167 119 100	#A77764
33.3%	33.3% #B57169	RGB 181 113 105	#B57169
50.0%	50.0% #C36E77	RGB 195 110 119	#C36E77
66.7%	66.7% #D1738F	RGB 209 115 143	#D1738F
83.3%	83.3% #DF78AA	RGB 223 120 170	#DF78AA
100.0%	100.0% #EE7CCA	RGB 238 124 202	#EE7CCA

#997B5E #A77764 #B57169 #C36E77 #D1738F #DF78AA #EE7CCA

#997B5E - #C36E77 - #EE7CCA

Codici CSS

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

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