#FEE2FF - #FFFBFA | 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 #FEE2FF a #FFFBFA

#FEE2FF #FFFBFA

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

#FEE2FF - #FFFBFA | 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 #FEE2FF come 0% e #FFFBFA come 100%.

0.0%	0.0% #FEE2FF	RGB 254 226 255	#FEE2FF
16.7%	16.7% #FEE6FE	RGB 254 230 254	#FEE6FE
33.3%	33.3% #FEEAFD	RGB 254 234 253	#FEEAFD
50.0%	50.0% #FEEEFC	RGB 254 238 252	#FEEEFC
66.7%	66.7% #FEF2FB	RGB 254 242 251	#FEF2FB
83.3%	83.3% #FEF6FA	RGB 254 246 250	#FEF6FA
100.0%	100.0% #FFFBFA	RGB 255 251 250	#FFFBFA

#FEE2FF #FEE6FE #FEEAFD #FEEEFC #FEF2FB #FEF6FA #FFFBFA

#FEE2FF - #FFFBFA

Miscela HSV

#FEE2FF - #FFFBFA | 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 #FEE2FF come 0% e #FFFBFA come 100%.

0.0%	0.0% #FEE2FF	RGB 254 226 255	#FEE2FF
16.7%	16.7% #FFE6FA	RGB 255 230 250	#FFE6FA
33.3%	33.3% #FFEAF7	RGB 255 234 247	#FFEAF7
50.0%	50.0% #FFEEF5	RGB 255 238 245	#FFEEF5
66.7%	66.7% #FFF2F4	RGB 255 242 244	#FFF2F4
83.3%	83.3% #FFF6F6	RGB 255 246 246	#FFF6F6
100.0%	100.0% #FFFBFA	RGB 255 251 250	#FFFBFA

#FEE2FF #FFE6FA #FFEAF7 #FFEEF5 #FFF2F4 #FFF6F6 #FFFBFA

#FEE2FF - #FFEEF5 - #FFFBFA

Codici CSS

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

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