#EBADE2 - #C53C9F | 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 #EBADE2 a #C53C9F

#EBADE2 #C53C9F

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

#EBADE2 - #C53C9F | 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 #EBADE2 come 0% e #C53C9F come 100%.

0.0%	0.0% #EBADE2	RGB 235 173 226	#EBADE2
16.7%	16.7% #E49AD6	RGB 228 154 214	#E49AD6
33.3%	33.3% #DE87CB	RGB 222 135 203	#DE87CB
50.0%	50.0% #D874C0	RGB 216 116 192	#D874C0
66.7%	66.7% #D161B5	RGB 209 97 181	#D161B5
83.3%	83.3% #CB4EAA	RGB 203 78 170	#CB4EAA
100.0%	100.0% #C53C9F	RGB 197 60 159	#C53C9F

#EBADE2 #E49AD6 #DE87CB #D874C0 #D161B5 #CB4EAA #C53C9F

#EBADE2 - #C53C9F

Miscela HSV

#EBADE2 - #C53C9F | 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 #EBADE2 come 0% e #C53C9F come 100%.

0.0%	0.0% #EBADE2	RGB 235 173 226	#EBADE2
16.7%	16.7% #E497D7	RGB 228 151 215	#E497D7
33.3%	33.3% #DE83CD	RGB 222 131 205	#DE83CD
50.0%	50.0% #D870C2	RGB 216 112 194	#D870C2
66.7%	66.7% #D15EB6	RGB 209 94 182	#D15EB6
83.3%	83.3% #CB4CAA	RGB 203 76 170	#CB4CAA
100.0%	100.0% #C53C9F	RGB 197 60 159	#C53C9F

#EBADE2 #E497D7 #DE83CD #D870C2 #D15EB6 #CB4CAA #C53C9F

#EBADE2 - #D870C2 - #C53C9F

Codici CSS

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

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