#EE5E5B - #FAD1D0 | 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 #EE5E5B a #FAD1D0

#EE5E5B #FAD1D0

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

#EE5E5B - #FAD1D0 | 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 #EE5E5B come 0% e #FAD1D0 come 100%.

0.0%	0.0% #EE5E5B	RGB 238 94 91	#EE5E5B
16.7%	16.7% #F0716E	RGB 240 113 110	#F0716E
33.3%	33.3% #F28482	RGB 242 132 130	#F28482
50.0%	50.0% #F49795	RGB 244 151 149	#F49795
66.7%	66.7% #F6AAA9	RGB 246 170 169	#F6AAA9
83.3%	83.3% #F8BDBC	RGB 248 189 188	#F8BDBC
100.0%	100.0% #FAD1D0	RGB 250 209 208	#FAD1D0

#EE5E5B #F0716E #F28482 #F49795 #F6AAA9 #F8BDBC #FAD1D0

#EE5E5B - #FAD1D0

Miscela HSV

#EE5E5B - #FAD1D0 | 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 #EE5E5B come 0% e #FAD1D0 come 100%.

0.0%	0.0% #EE5E5B	RGB 238 94 91	#EE5E5B
16.7%	16.7% #F0706D	RGB 240 112 109	#F0706D
33.3%	33.3% #F28380	RGB 242 131 128	#F28380
50.0%	50.0% #F49694	RGB 244 150 148	#F49694
66.7%	66.7% #F6A9A7	RGB 246 169 167	#F6A9A7
83.3%	83.3% #F8BDBB	RGB 248 189 187	#F8BDBB
100.0%	100.0% #FAD1D0	RGB 250 209 208	#FAD1D0

#EE5E5B #F0706D #F28380 #F49694 #F6A9A7 #F8BDBB #FAD1D0

#EE5E5B - #F49694 - #FAD1D0

Codici CSS

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

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