#DFADDC - #F5E7F4 | 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 #DFADDC a #F5E7F4

#DFADDC #F5E7F4

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

#DFADDC - #F5E7F4 | 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 #DFADDC come 0% e #F5E7F4 come 100%.

0.0%	0.0% #DFADDC	RGB 223 173 220	#DFADDC
16.7%	16.7% #E2B6E0	RGB 226 182 224	#E2B6E0
33.3%	33.3% #E6C0E4	RGB 230 192 228	#E6C0E4
50.0%	50.0% #EACAE8	RGB 234 202 232	#EACAE8
66.7%	66.7% #EDD3EC	RGB 237 211 236	#EDD3EC
83.3%	83.3% #F1DDF0	RGB 241 221 240	#F1DDF0
100.0%	100.0% #F5E7F4	RGB 245 231 244	#F5E7F4

#DFADDC #E2B6E0 #E6C0E4 #EACAE8 #EDD3EC #F1DDF0 #F5E7F4

#DFADDC - #F5E7F4

Miscela HSV

#DFADDC - #F5E7F4 | 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 #DFADDC come 0% e #F5E7F4 come 100%.

0.0%	0.0% #DFADDC	RGB 223 173 220	#DFADDC
16.7%	16.7% #E2B6DF	RGB 226 182 223	#E2B6DF
33.3%	33.3% #E6BFE3	RGB 230 191 227	#E6BFE3
50.0%	50.0% #EAC9E7	RGB 234 201 231	#EAC9E7
66.7%	66.7% #EDD2EB	RGB 237 210 235	#EDD2EB
83.3%	83.3% #F1DCEF	RGB 241 220 239	#F1DCEF
100.0%	100.0% #F5E7F4	RGB 245 231 244	#F5E7F4

#DFADDC #E2B6DF #E6BFE3 #EAC9E7 #EDD2EB #F1DCEF #F5E7F4

#DFADDC - #EAC9E7 - #F5E7F4

Codici CSS

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

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