#EB6C70 - #FF8FFC | 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 #EB6C70 a #FF8FFC

#EB6C70 #FF8FFC

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

#EB6C70 - #FF8FFC | 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 #EB6C70 come 0% e #FF8FFC come 100%.

0.0%	0.0% #EB6C70	RGB 235 108 112	#EB6C70
16.7%	16.7% #EE7187	RGB 238 113 135	#EE7187
33.3%	33.3% #F1779E	RGB 241 119 158	#F1779E
50.0%	50.0% #F57DB6	RGB 245 125 182	#F57DB6
66.7%	66.7% #F883CD	RGB 248 131 205	#F883CD
83.3%	83.3% #FB89E4	RGB 251 137 228	#FB89E4
100.0%	100.0% #FF8FFC	RGB 255 143 252	#FF8FFC

#EB6C70 #EE7187 #F1779E #F57DB6 #F883CD #FB89E4 #FF8FFC

#EB6C70 - #FF8FFC

Miscela HSV

#EB6C70 - #FF8FFC | 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 #EB6C70 come 0% e #FF8FFC come 100%.

0.0%	0.0% #EB6C6F	RGB 235 108 111	#EB6C6F
16.7%	16.7% #EE7189	RGB 238 113 137	#EE7189
33.3%	33.3% #F177A1	RGB 241 119 161	#F177A1
50.0%	50.0% #F57CB9	RGB 245 124 185	#F57CB9
66.7%	66.7% #F882D0	RGB 248 130 208	#F882D0
83.3%	83.3% #FB88E6	RGB 251 136 230	#FB88E6
100.0%	100.0% #FF8FFC	RGB 255 143 252	#FF8FFC

#EB6C6F #EE7189 #F177A1 #F57CB9 #F882D0 #FB88E6 #FF8FFC

#EB6C70 - #F57CB9 - #FF8FFC

Codici CSS

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

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