#EF2FF7 - #FFBFFF | 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 #EF2FF7 a #FFBFFF

#EF2FF7 #FFBFFF

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

#EF2FF7 - #FFBFFF | 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 #EF2FF7 come 0% e #FFBFFF come 100%.

0.0%	0.0% #EF2FF7	RGB 239 47 247	#EF2FF7
16.7%	16.7% #F147F8	RGB 241 71 248	#F147F8
33.3%	33.3% #F45FF9	RGB 244 95 249	#F45FF9
50.0%	50.0% #F777FB	RGB 247 119 251	#F777FB
66.7%	66.7% #F98FFC	RGB 249 143 252	#F98FFC
83.3%	83.3% #FCA7FD	RGB 252 167 253	#FCA7FD
100.0%	100.0% #FFBFFF	RGB 255 191 255	#FFBFFF

#EF2FF7 #F147F8 #F45FF9 #F777FB #F98FFC #FCA7FD #FFBFFF

#EF2FF7 - #FFBFFF

Miscela HSV

#EF2FF7 - #FFBFFF | 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 #EF2FF7 come 0% e #FFBFFF come 100%.

0.0%	0.0% #EF2FF7	RGB 239 47 247	#EF2FF7
16.7%	16.7% #F246F8	RGB 242 70 248	#F246F8
33.3%	33.3% #F55EF9	RGB 245 94 249	#F55EF9
50.0%	50.0% #F875FB	RGB 248 117 251	#F875FB
66.7%	66.7% #FA8EFC	RGB 250 142 252	#FA8EFC
83.3%	83.3% #FDA6FD	RGB 253 166 253	#FDA6FD
100.0%	100.0% #FFBFFF	RGB 255 191 255	#FFBFFF

#EF2FF7 #F246F8 #F55EF9 #F875FB #FA8EFC #FDA6FD #FFBFFF

#EF2FF7 - #F875FB - #FFBFFF

Codici CSS

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

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