#FFADF8 - #ECEBE5 | 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 #FFADF8 a #ECEBE5

#FFADF8 #ECEBE5

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

#FFADF8 - #ECEBE5 | 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 #FFADF8 come 0% e #ECEBE5 come 100%.

0.0%	0.0% #FFADF8	RGB 255 173 248	#FFADF8
16.7%	16.7% #FBB7F4	RGB 251 183 244	#FBB7F4
33.3%	33.3% #F8C1F1	RGB 248 193 241	#F8C1F1
50.0%	50.0% #F5CCEE	RGB 245 204 238	#F5CCEE
66.7%	66.7% #F2D6EB	RGB 242 214 235	#F2D6EB
83.3%	83.3% #EFE0E8	RGB 239 224 232	#EFE0E8
100.0%	100.0% #ECEBE5	RGB 236 235 229	#ECEBE5

#FFADF8 #FBB7F4 #F8C1F1 #F5CCEE #F2D6EB #EFE0E8 #ECEBE5

#FFADF8 - #ECEBE5

Miscela HSV

#FFADF8 - #ECEBE5 | 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 #FFADF8 come 0% e #ECEBE5 come 100%.

0.0%	0.0% #FFADF8	RGB 255 173 248	#FFADF8
16.7%	16.7% #FBB7E1	RGB 251 183 225	#FBB7E1
33.3%	33.3% #F8C0D2	RGB 248 192 210	#F8C0D2
50.0%	50.0% #F5CACB	RGB 245 202 203	#F5CACB
66.7%	66.7% #F2DBD3	RGB 242 219 211	#F2DBD3
83.3%	83.3% #EFE6DC	RGB 239 230 220	#EFE6DC
100.0%	100.0% #ECEBE5	RGB 236 235 229	#ECEBE5

#FFADF8 #FBB7E1 #F8C0D2 #F5CACB #F2DBD3 #EFE6DC #ECEBE5

#FFADF8 - #F5CACB - #ECEBE5

Codici CSS

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

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