#B83E5E - #FF8F70 | 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 #B83E5E a #FF8F70

#B83E5E #FF8F70

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

#B83E5E - #FF8F70 | 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 #B83E5E come 0% e #FF8F70 come 100%.

0.0%	0.0% #B83E5E	RGB 184 62 94	#B83E5E
16.7%	16.7% #C34B61	RGB 195 75 97	#C34B61
33.3%	33.3% #CF5964	RGB 207 89 100	#CF5964
50.0%	50.0% #DB6667	RGB 219 102 103	#DB6667
66.7%	66.7% #E7746A	RGB 231 116 106	#E7746A
83.3%	83.3% #F3816D	RGB 243 129 109	#F3816D
100.0%	100.0% #FF8F70	RGB 255 143 112	#FF8F70

#B83E5E #C34B61 #CF5964 #DB6667 #E7746A #F3816D #FF8F70

#B83E5E - #FF8F70

Miscela HSV

#B83E5E - #FF8F70 | 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 #B83E5E come 0% e #FF8F70 come 100%.

0.0%	0.0% #B83E5E	RGB 184 62 94	#B83E5E
16.7%	16.7% #C3455C	RGB 195 69 92	#C3455C
33.3%	33.3% #CF4D5A	RGB 207 77 90	#CF4D5A
50.0%	50.0% #DB5558	RGB 219 85 88	#DB5558
66.7%	66.7% #E7655D	RGB 231 101 93	#E7655D
83.3%	83.3% #F37966	RGB 243 121 102	#F37966
100.0%	100.0% #FF8F70	RGB 255 143 112	#FF8F70

#B83E5E #C3455C #CF4D5A #DB5558 #E7655D #F37966 #FF8F70

#B83E5E - #DB5558 - #FF8F70

Codici CSS

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

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