#E73BAB - #F8C7E7 | 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 #E73BAB a #F8C7E7

#E73BAB #F8C7E7

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

#E73BAB - #F8C7E7 | 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 #E73BAB come 0% e #F8C7E7 come 100%.

0.0%	0.0% #E73BAB	RGB 231 59 171	#E73BAB
16.7%	16.7% #E952B5	RGB 233 82 181	#E952B5
33.3%	33.3% #EC69BF	RGB 236 105 191	#EC69BF
50.0%	50.0% #EF81C9	RGB 239 129 201	#EF81C9
66.7%	66.7% #F298D3	RGB 242 152 211	#F298D3
83.3%	83.3% #F5AFDD	RGB 245 175 221	#F5AFDD
100.0%	100.0% #F8C7E7	RGB 248 199 231	#F8C7E7

#E73BAB #E952B5 #EC69BF #EF81C9 #F298D3 #F5AFDD #F8C7E7

#E73BAB - #F8C7E7

Miscela HSV

#E73BAB - #F8C7E7 | 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 #E73BAB come 0% e #F8C7E7 come 100%.

0.0%	0.0% #E73BAB	RGB 231 59 171	#E73BAB
16.7%	16.7% #E951B4	RGB 233 81 180	#E951B4
33.3%	33.3% #EC67BE	RGB 236 103 190	#EC67BE
50.0%	50.0% #EF7EC8	RGB 239 126 200	#EF7EC8
66.7%	66.7% #F296D2	RGB 242 150 210	#F296D2
83.3%	83.3% #F5AEDC	RGB 245 174 220	#F5AEDC
100.0%	100.0% #F8C7E7	RGB 248 199 231	#F8C7E7

#E73BAB #E951B4 #EC67BE #EF7EC8 #F296D2 #F5AEDC #F8C7E7

#E73BAB - #EF7EC8 - #F8C7E7

Codici CSS

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

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