#DF3C8F - #F5C7DF | 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 #DF3C8F a #F5C7DF

#DF3C8F #F5C7DF

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

#DF3C8F - #F5C7DF | 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 #DF3C8F come 0% e #F5C7DF come 100%.

0.0%	0.0% #DF3C8F	RGB 223 60 143	#DF3C8F
16.7%	16.7% #E2539C	RGB 226 83 156	#E2539C
33.3%	33.3% #E66AA9	RGB 230 106 169	#E66AA9
50.0%	50.0% #EA81B7	RGB 234 129 183	#EA81B7
66.7%	66.7% #ED98C4	RGB 237 152 196	#ED98C4
83.3%	83.3% #F1AFD1	RGB 241 175 209	#F1AFD1
100.0%	100.0% #F5C7DF	RGB 245 199 223	#F5C7DF

#DF3C8F #E2539C #E66AA9 #EA81B7 #ED98C4 #F1AFD1 #F5C7DF

#DF3C8F - #F5C7DF

Miscela HSV

#DF3C8F - #F5C7DF | 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 #DF3C8F come 0% e #F5C7DF come 100%.

0.0%	0.0% #DF3C8E	RGB 223 60 142	#DF3C8E
16.7%	16.7% #E2519B	RGB 226 81 155	#E2519B
33.3%	33.3% #E667A8	RGB 230 103 168	#E667A8
50.0%	50.0% #EA7EB5	RGB 234 126 181	#EA7EB5
66.7%	66.7% #ED96C3	RGB 237 150 195	#ED96C3
83.3%	83.3% #F1AED1	RGB 241 174 209	#F1AED1
100.0%	100.0% #F5C7DF	RGB 245 199 223	#F5C7DF

#DF3C8E #E2519B #E667A8 #EA7EB5 #ED96C3 #F1AED1 #F5C7DF

#DF3C8F - #EA7EB5 - #F5C7DF

Codici CSS

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

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