#453D5E - #CE867B | 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 #453D5E a #CE867B

#453D5E #CE867B

Calcola il colore tra due colori, #453D5E e #CE867B. 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)

#453D5E - #CE867B | 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 #453D5E come 0% e #CE867B come 100%.

0.0%	0.0% #453D5E	RGB 69 61 94	#453D5E
16.7%	16.7% #5B4962	RGB 91 73 98	#5B4962
33.3%	33.3% #725567	RGB 114 85 103	#725567
50.0%	50.0% #89616C	RGB 137 97 108	#89616C
66.7%	66.7% #A06D71	RGB 160 109 113	#A06D71
83.3%	83.3% #B77976	RGB 183 121 118	#B77976
100.0%	100.0% #CE867B	RGB 206 134 123	#CE867B

#453D5E #5B4962 #725567 #89616C #A06D71 #B77976 #CE867B

#453D5E - #CE867B

Miscela HSV

#453D5E - #CE867B | 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 #453D5E come 0% e #CE867B come 100%.

0.0%	0.0% #453D5E	RGB 69 61 94	#453D5E
16.7%	16.7% #5E4870	RGB 94 72 112	#5E4870
33.3%	33.3% #7D5283	RGB 125 82 131	#7D5283
50.0%	50.0% #965D8B	RGB 150 93 139	#965D8B
66.7%	66.7% #A86787	RGB 168 103 135	#A86787
83.3%	83.3% #BB717E	RGB 187 113 126	#BB717E
100.0%	100.0% #CE867B	RGB 206 134 123	#CE867B

#453D5E #5E4870 #7D5283 #965D8B #A86787 #BB717E #CE867B

#453D5E - #965D8B - #CE867B

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #453D5E 0%, #965D8B 50%, #CE867B 100%);
    background: -webkit-linear-gradient(top, #453D5E 0%, #965D8B 50%, #CE867B 100%);
    background: linear-gradient(to bottom, #453D5E 0%, #965D8B 50%, #CE867B 100%);
}
</style>