#BC3C3C - #EBC7C7 | 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 #BC3C3C a #EBC7C7

#BC3C3C #EBC7C7

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

#BC3C3C - #EBC7C7 | 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 #BC3C3C come 0% e #EBC7C7 come 100%.

0.0%	0.0% #BC3C3C	RGB 188 60 60	#BC3C3C
16.7%	16.7% #C35353	RGB 195 83 83	#C35353
33.3%	33.3% #CB6A6A	RGB 203 106 106	#CB6A6A
50.0%	50.0% #D38181	RGB 211 129 129	#D38181
66.7%	66.7% #DB9898	RGB 219 152 152	#DB9898
83.3%	83.3% #E3AFAF	RGB 227 175 175	#E3AFAF
100.0%	100.0% #EBC7C7	RGB 235 199 199	#EBC7C7

#BC3C3C #C35353 #CB6A6A #D38181 #DB9898 #E3AFAF #EBC7C7

#BC3C3C - #EBC7C7

Miscela HSV

#BC3C3C - #EBC7C7 | 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 #BC3C3C come 0% e #EBC7C7 come 100%.

0.0%	0.0% #BC3C3C	RGB 188 60 60	#BC3C3C
16.7%	16.7% #C34F4F	RGB 195 79 79	#C34F4F
33.3%	33.3% #CB6464	RGB 203 100 100	#CB6464
50.0%	50.0% #D37B7B	RGB 211 123 123	#D37B7B
66.7%	66.7% #DB9393	RGB 219 147 147	#DB9393
83.3%	83.3% #E3ACAC	RGB 227 172 172	#E3ACAC
100.0%	100.0% #EBC7C7	RGB 235 199 199	#EBC7C7

#BC3C3C #C34F4F #CB6464 #D37B7B #DB9393 #E3ACAC #EBC7C7

#BC3C3C - #D37B7B - #EBC7C7

Codici CSS

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

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