#DB8889 - #3E2627 | 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 #DB8889 a #3E2627

#DB8889 #3E2627

Calcola il colore tra due colori, #DB8889 e #3E2627. 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)

#DB8889 - #3E2627 | 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 #DB8889 come 0% e #3E2627 come 100%.

0.0%	0.0% #DB8889	RGB 219 136 137	#DB8889
16.7%	16.7% #C07778	RGB 192 119 120	#C07778
33.3%	33.3% #A66768	RGB 166 103 104	#A66768
50.0%	50.0% #8C5758	RGB 140 87 88	#8C5758
66.7%	66.7% #724647	RGB 114 70 71	#724647
83.3%	83.3% #583637	RGB 88 54 55	#583637
100.0%	100.0% #3E2627	RGB 62 38 39	#3E2627

#DB8889 #C07778 #A66768 #8C5758 #724647 #583637 #3E2627

#DB8889 - #3E2627

Miscela HSV

#DB8889 - #3E2627 | 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 #DB8889 come 0% e #3E2627 come 100%.

0.0%	0.0% #DB8889	RGB 219 136 137	#DB8889
16.7%	16.7% #C07778	RGB 192 119 120	#C07778
33.3%	33.3% #A66768	RGB 166 103 104	#A66768
50.0%	50.0% #8C5658	RGB 140 86 88	#8C5658
66.7%	66.7% #724647	RGB 114 70 71	#724647
83.3%	83.3% #583637	RGB 88 54 55	#583637
100.0%	100.0% #3E2627	RGB 62 38 39	#3E2627

#DB8889 #C07778 #A66768 #8C5658 #724647 #583637 #3E2627

#DB8889 - #8C5658 - #3E2627

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DB8889 0%, #8C5658 50%, #3E2627 100%);
    background: -webkit-linear-gradient(top, #DB8889 0%, #8C5658 50%, #3E2627 100%);
    background: linear-gradient(to bottom, #DB8889 0%, #8C5658 50%, #3E2627 100%);
}
</style>