#7E5655 - #DACECE | 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 #7E5655 a #DACECE

#7E5655 #DACECE

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

#7E5655 - #DACECE | 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 #7E5655 come 0% e #DACECE come 100%.

0.0%	0.0% #7E5655	RGB 126 86 85	#7E5655
16.7%	16.7% #8D6A69	RGB 141 106 105	#8D6A69
33.3%	33.3% #9C7E7D	RGB 156 126 125	#9C7E7D
50.0%	50.0% #AC9291	RGB 172 146 145	#AC9291
66.7%	66.7% #BBA6A5	RGB 187 166 165	#BBA6A5
83.3%	83.3% #CABAB9	RGB 202 186 185	#CABAB9
100.0%	100.0% #DACECE	RGB 218 206 206	#DACECE

#7E5655 #8D6A69 #9C7E7D #AC9291 #BBA6A5 #CABAB9 #DACECE

#7E5655 - #DACECE

Miscela HSV

#7E5655 - #DACECE | 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 #7E5655 come 0% e #DACECE come 100%.

0.0%	0.0% #7E5655	RGB 126 86 85	#7E5655
16.7%	16.7% #8D6665	RGB 141 102 101	#8D6665
33.3%	33.3% #9C7877	RGB 156 120 119	#9C7877
50.0%	50.0% #AC8B8B	RGB 172 139 139	#AC8B8B
66.7%	66.7% #BBA0A0	RGB 187 160 160	#BBA0A0
83.3%	83.3% #CAB6B6	RGB 202 182 182	#CAB6B6
100.0%	100.0% #DACECE	RGB 218 206 206	#DACECE

#7E5655 #8D6665 #9C7877 #AC8B8B #BBA0A0 #CAB6B6 #DACECE

#7E5655 - #AC8B8B - #DACECE

Codici CSS

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

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