#6B5E66 - #E7AB8B | 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 #6B5E66 a #E7AB8B

#6B5E66 #E7AB8B

Calcola il colore tra due colori, #6B5E66 e #E7AB8B. 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)

#6B5E66 - #E7AB8B | 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 #6B5E66 come 0% e #E7AB8B come 100%.

0.0%	0.0% #6B5E66	RGB 107 94 102	#6B5E66
16.7%	16.7% #7F6A6C	RGB 127 106 108	#7F6A6C
33.3%	33.3% #947772	RGB 148 119 114	#947772
50.0%	50.0% #A98478	RGB 169 132 120	#A98478
66.7%	66.7% #BD917E	RGB 189 145 126	#BD917E
83.3%	83.3% #D29E84	RGB 210 158 132	#D29E84
100.0%	100.0% #E7AB8B	RGB 231 171 139	#E7AB8B

#6B5E66 #7F6A6C #947772 #A98478 #BD917E #D29E84 #E7AB8B

#6B5E66 - #E7AB8B

Miscela HSV

#6B5E66 - #E7AB8B | 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 #6B5E66 come 0% e #E7AB8B come 100%.

0.0%	0.0% #6B5E66	RGB 107 94 102	#6B5E66
16.7%	16.7% #7F6A74	RGB 127 106 116	#7F6A74
33.3%	33.3% #94747D	RGB 148 116 125	#94747D
50.0%	50.0% #A97D82	RGB 169 125 130	#A97D82
66.7%	66.7% #BD8583	RGB 189 133 131	#BD8583
83.3%	83.3% #D29688	RGB 210 150 136	#D29688
100.0%	100.0% #E7AB8B	RGB 231 171 139	#E7AB8B

#6B5E66 #7F6A74 #94747D #A97D82 #BD8583 #D29688 #E7AB8B

#6B5E66 - #A97D82 - #E7AB8B

Codici CSS

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

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