#8B5E8D - #FCA691 | 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 #8B5E8D a #FCA691

#8B5E8D #FCA691

Calcola il colore tra due colori, #8B5E8D e #FCA691. 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)

#8B5E8D - #FCA691 | 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 #8B5E8D come 0% e #FCA691 come 100%.

0.0%	0.0% #8B5E8D	RGB 139 94 141	#8B5E8D
16.7%	16.7% #9D6A8D	RGB 157 106 141	#9D6A8D
33.3%	33.3% #B0768E	RGB 176 118 142	#B0768E
50.0%	50.0% #C3828F	RGB 195 130 143	#C3828F
66.7%	66.7% #D68E8F	RGB 214 142 143	#D68E8F
83.3%	83.3% #E99A90	RGB 233 154 144	#E99A90
100.0%	100.0% #FCA691	RGB 252 166 145	#FCA691

#8B5E8D #9D6A8D #B0768E #C3828F #D68E8F #E99A90 #FCA691

#8B5E8D - #FCA691

Miscela HSV

#8B5E8D - #FCA691 | 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 #8B5E8D come 0% e #FCA691 come 100%.

0.0%	0.0% #8B5E8D	RGB 139 94 141	#8B5E8D
16.7%	16.7% #9F6796	RGB 159 103 150	#9F6796
33.3%	33.3% #B2719A	RGB 178 113 154	#B2719A
50.0%	50.0% #C47A99	RGB 196 122 153	#C47A99
66.7%	66.7% #D78294	RGB 215 130 148	#D78294
83.3%	83.3% #E9898A	RGB 233 137 138	#E9898A
100.0%	100.0% #FCA691	RGB 252 166 145	#FCA691

#8B5E8D #9F6796 #B2719A #C47A99 #D78294 #E9898A #FCA691

#8B5E8D - #C47A99 - #FCA691

Codici CSS

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

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