#5E0D3E - #D1B9C7 | 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 #5E0D3E a #D1B9C7

#5E0D3E #D1B9C7

Calcola il colore tra due colori, #5E0D3E e #D1B9C7. 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)

#5E0D3E - #D1B9C7 | 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 #5E0D3E come 0% e #D1B9C7 come 100%.

0.0%	0.0% #5E0D3E	RGB 94 13 62	#5E0D3E
16.7%	16.7% #712954	RGB 113 41 84	#712954
33.3%	33.3% #84466B	RGB 132 70 107	#84466B
50.0%	50.0% #976382	RGB 151 99 130	#976382
66.7%	66.7% #AA7F99	RGB 170 127 153	#AA7F99
83.3%	83.3% #BD9CB0	RGB 189 156 176	#BD9CB0
100.0%	100.0% #D1B9C7	RGB 209 185 199	#D1B9C7

#5E0D3E #712954 #84466B #976382 #AA7F99 #BD9CB0 #D1B9C7

#5E0D3E - #D1B9C7

Miscela HSV

#5E0D3E - #D1B9C7 | 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 #5E0D3E come 0% e #D1B9C7 come 100%.

0.0%	0.0% #5E0C3E	RGB 94 12 62	#5E0C3E
16.7%	16.7% #711D4F	RGB 113 29 79	#711D4F
33.3%	33.3% #843363	RGB 132 51 99	#843363
50.0%	50.0% #974D79	RGB 151 77 121	#974D79
66.7%	66.7% #AA6C91	RGB 170 108 145	#AA6C91
83.3%	83.3% #BD90AB	RGB 189 144 171	#BD90AB
100.0%	100.0% #D1B9C7	RGB 209 185 199	#D1B9C7

#5E0C3E #711D4F #843363 #974D79 #AA6C91 #BD90AB #D1B9C7

#5E0D3E - #974D79 - #D1B9C7

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E0C3E 0%, #974D79 50%, #D1B9C7 100%);
    background: -webkit-linear-gradient(top, #5E0C3E 0%, #974D79 50%, #D1B9C7 100%);
    background: linear-gradient(to bottom, #5E0C3E 0%, #974D79 50%, #D1B9C7 100%);
}
</style>