#EB6FA2 - #AD0D55 | 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 #EB6FA2 a #AD0D55

#EB6FA2 #AD0D55

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

#EB6FA2 - #AD0D55 | 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 #EB6FA2 come 0% e #AD0D55 come 100%.

0.0%	0.0% #EB6FA2	RGB 235 111 162	#EB6FA2
16.7%	16.7% #E05E95	RGB 224 94 149	#E05E95
33.3%	33.3% #D64E88	RGB 214 78 136	#D64E88
50.0%	50.0% #CC3E7B	RGB 204 62 123	#CC3E7B
66.7%	66.7% #C12D6E	RGB 193 45 110	#C12D6E
83.3%	83.3% #B71D61	RGB 183 29 97	#B71D61
100.0%	100.0% #AD0D55	RGB 173 13 85	#AD0D55

#EB6FA2 #E05E95 #D64E88 #CC3E7B #C12D6E #B71D61 #AD0D55

#EB6FA2 - #AD0D55

Miscela HSV

#EB6FA2 - #AD0D55 | 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 #EB6FA2 come 0% e #AD0D55 come 100%.

0.0%	0.0% #EB6FA2	RGB 235 111 162	#EB6FA2
16.7%	16.7% #E05B92	RGB 224 91 146	#E05B92
33.3%	33.3% #D64884	RGB 214 72 132	#D64884
50.0%	50.0% #CC3777	RGB 204 55 119	#CC3777
66.7%	66.7% #C1286B	RGB 193 40 107	#C1286B
83.3%	83.3% #B7195F	RGB 183 25 95	#B7195F
100.0%	100.0% #AD0D55	RGB 173 13 85	#AD0D55

#EB6FA2 #E05B92 #D64884 #CC3777 #C1286B #B7195F #AD0D55

#EB6FA2 - #CC3777 - #AD0D55

Codici CSS

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

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