#9A1E5E - #E2BED1 | 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 #9A1E5E a #E2BED1

#9A1E5E #E2BED1

Calcola il colore tra due colori, #9A1E5E e #E2BED1. 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)

#9A1E5E - #E2BED1 | 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 #9A1E5E come 0% e #E2BED1 come 100%.

0.0%	0.0% #9A1E5E	RGB 154 30 94	#9A1E5E
16.7%	16.7% #A63871	RGB 166 56 113	#A63871
33.3%	33.3% #B25384	RGB 178 83 132	#B25384
50.0%	50.0% #BE6E97	RGB 190 110 151	#BE6E97
66.7%	66.7% #CA88AA	RGB 202 136 170	#CA88AA
83.3%	83.3% #D6A3BD	RGB 214 163 189	#D6A3BD
100.0%	100.0% #E2BED1	RGB 226 190 209	#E2BED1

#9A1E5E #A63871 #B25384 #BE6E97 #CA88AA #D6A3BD #E2BED1

#9A1E5E - #E2BED1

Miscela HSV

#9A1E5E - #E2BED1 | 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 #9A1E5E come 0% e #E2BED1 come 100%.

0.0%	0.0% #9A1E5D	RGB 154 30 93	#9A1E5D
16.7%	16.7% #A6326E	RGB 166 50 110	#A6326E
33.3%	33.3% #B2487F	RGB 178 72 127	#B2487F
50.0%	50.0% #BE6292	RGB 190 98 146	#BE6292
66.7%	66.7% #CA7EA5	RGB 202 126 165	#CA7EA5
83.3%	83.3% #D69CBA	RGB 214 156 186	#D69CBA
100.0%	100.0% #E2BED1	RGB 226 190 209	#E2BED1

#9A1E5D #A6326E #B2487F #BE6292 #CA7EA5 #D69CBA #E2BED1

#9A1E5E - #BE6292 - #E2BED1

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A1E5D 0%, #BE6292 50%, #E2BED1 100%);
    background: -webkit-linear-gradient(top, #9A1E5D 0%, #BE6292 50%, #E2BED1 100%);
    background: linear-gradient(to bottom, #9A1E5D 0%, #BE6292 50%, #E2BED1 100%);
}
</style>