#AE5E9F - #311A2D | 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 #AE5E9F a #311A2D

#AE5E9F #311A2D

Calcola il colore tra due colori, #AE5E9F e #311A2D. 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)

#AE5E9F - #311A2D | 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 #AE5E9F come 0% e #311A2D come 100%.

0.0%	0.0% #AE5E9F	RGB 174 94 159	#AE5E9F
16.7%	16.7% #99528C	RGB 153 82 140	#99528C
33.3%	33.3% #844779	RGB 132 71 121	#844779
50.0%	50.0% #6F3C66	RGB 111 60 102	#6F3C66
66.7%	66.7% #5A3053	RGB 90 48 83	#5A3053
83.3%	83.3% #452540	RGB 69 37 64	#452540
100.0%	100.0% #311A2D	RGB 49 26 45	#311A2D

#AE5E9F #99528C #844779 #6F3C66 #5A3053 #452540 #311A2D

#AE5E9F - #311A2D

Miscela HSV

#AE5E9F - #311A2D | 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 #AE5E9F come 0% e #311A2D come 100%.

0.0%	0.0% #AE5E9F	RGB 174 94 159	#AE5E9F
16.7%	16.7% #99528C	RGB 153 82 140	#99528C
33.3%	33.3% #844779	RGB 132 71 121	#844779
50.0%	50.0% #6F3B66	RGB 111 59 102	#6F3B66
66.7%	66.7% #5A3053	RGB 90 48 83	#5A3053
83.3%	83.3% #452540	RGB 69 37 64	#452540
100.0%	100.0% #311A2D	RGB 49 26 45	#311A2D

#AE5E9F #99528C #844779 #6F3B66 #5A3053 #452540 #311A2D

#AE5E9F - #6F3B66 - #311A2D

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AE5E9F 0%, #6F3B66 50%, #311A2D 100%);
    background: -webkit-linear-gradient(top, #AE5E9F 0%, #6F3B66 50%, #311A2D 100%);
    background: linear-gradient(to bottom, #AE5E9F 0%, #6F3B66 50%, #311A2D 100%);
}
</style>