#C13DBC - #EDC7EB | 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 #C13DBC a #EDC7EB

#C13DBC #EDC7EB

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

#C13DBC - #EDC7EB | 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 #C13DBC come 0% e #EDC7EB come 100%.

0.0%	0.0% #C13DBC	RGB 193 61 188	#C13DBC
16.7%	16.7% #C854C3	RGB 200 84 195	#C854C3
33.3%	33.3% #CF6BCB	RGB 207 107 203	#CF6BCB
50.0%	50.0% #D782D3	RGB 215 130 211	#D782D3
66.7%	66.7% #DE99DB	RGB 222 153 219	#DE99DB
83.3%	83.3% #E5B0E3	RGB 229 176 227	#E5B0E3
100.0%	100.0% #EDC7EB	RGB 237 199 235	#EDC7EB

#C13DBC #C854C3 #CF6BCB #D782D3 #DE99DB #E5B0E3 #EDC7EB

#C13DBC - #EDC7EB

Miscela HSV

#C13DBC - #EDC7EB | 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 #C13DBC come 0% e #EDC7EB come 100%.

0.0%	0.0% #C13DBC	RGB 193 61 188	#C13DBC
16.7%	16.7% #C850C3	RGB 200 80 195	#C850C3
33.3%	33.3% #CF65CB	RGB 207 101 203	#CF65CB
50.0%	50.0% #D77CD2	RGB 215 124 210	#D77CD2
66.7%	66.7% #DE93DA	RGB 222 147 218	#DE93DA
83.3%	83.3% #E5ACE2	RGB 229 172 226	#E5ACE2
100.0%	100.0% #EDC7EB	RGB 237 199 235	#EDC7EB

#C13DBC #C850C3 #CF65CB #D77CD2 #DE93DA #E5ACE2 #EDC7EB

#C13DBC - #D77CD2 - #EDC7EB

Codici CSS

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

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