#8C7E8C - #FFBD8C | 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 #8C7E8C a #FFBD8C

#8C7E8C #FFBD8C

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

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

0.0%	0.0% #8C7E8C	RGB 140 126 140	#8C7E8C
16.7%	16.7% #9F888C	RGB 159 136 140	#9F888C
33.3%	33.3% #B2938C	RGB 178 147 140	#B2938C
50.0%	50.0% #C59D8C	RGB 197 157 140	#C59D8C
66.7%	66.7% #D8A88C	RGB 216 168 140	#D8A88C
83.3%	83.3% #EBB28C	RGB 235 178 140	#EBB28C
100.0%	100.0% #FFBD8C	RGB 255 189 140	#FFBD8C

#8C7E8C #9F888C #B2938C #C59D8C #D8A88C #EBB28C #FFBD8C

#8C7E8C - #FFBD8C

Miscela HSV

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

0.0%	0.0% #8C7E8C	RGB 140 126 140	#8C7E8C
16.7%	16.7% #9F8599	RGB 159 133 153	#9F8599
33.3%	33.3% #B28B9F	RGB 178 139 159	#B28B9F
50.0%	50.0% #C58F9E	RGB 197 143 158	#C58F9E
66.7%	66.7% #D89093	RGB 216 144 147	#D89093
83.3%	83.3% #EBA08F	RGB 235 160 143	#EBA08F
100.0%	100.0% #FFBD8C	RGB 255 189 140	#FFBD8C

#8C7E8C #9F8599 #B28B9F #C58F9E #D89093 #EBA08F #FFBD8C

#8C7E8C - #C58F9E - #FFBD8C

Codici CSS

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

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