#CF7B7B - #AD302B | 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 #CF7B7B a #AD302B

#CF7B7B #AD302B

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

#CF7B7B - #AD302B | 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 #CF7B7B come 0% e #AD302B come 100%.

0.0%	0.0% #CF7B7B	RGB 207 123 123	#CF7B7B
16.7%	16.7% #C96E6D	RGB 201 110 109	#C96E6D
33.3%	33.3% #C36260	RGB 195 98 96	#C36260
50.0%	50.0% #BE5553	RGB 190 85 83	#BE5553
66.7%	66.7% #B84945	RGB 184 73 69	#B84945
83.3%	83.3% #B23C38	RGB 178 60 56	#B23C38
100.0%	100.0% #AD302B	RGB 173 48 43	#AD302B

#CF7B7B #C96E6D #C36260 #BE5553 #B84945 #B23C38 #AD302B

#CF7B7B - #AD302B

Miscela HSV

#CF7B7B - #AD302B | 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 #CF7B7B come 0% e #AD302B come 100%.

0.0%	0.0% #CF7B7B	RGB 207 123 123	#CF7B7B
16.7%	16.7% #C96C6C	RGB 201 108 108	#C96C6C
33.3%	33.3% #C35F5D	RGB 195 95 93	#C35F5D
50.0%	50.0% #BE5250	RGB 190 82 80	#BE5250
66.7%	66.7% #B84643	RGB 184 70 67	#B84643
83.3%	83.3% #B23A36	RGB 178 58 54	#B23A36
100.0%	100.0% #AD302B	RGB 173 48 43	#AD302B

#CF7B7B #C96C6C #C35F5D #BE5250 #B84643 #B23A36 #AD302B

#CF7B7B - #BE5250 - #AD302B

Codici CSS

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

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