#CB2D5E - #FF846E | 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 #CB2D5E a #FF846E

#CB2D5E #FF846E

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

#CB2D5E - #FF846E | 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 #CB2D5E come 0% e #FF846E come 100%.

0.0%	0.0% #CB2D5E	RGB 203 45 94	#CB2D5E
16.7%	16.7% #D33B60	RGB 211 59 96	#D33B60
33.3%	33.3% #DC4A63	RGB 220 74 99	#DC4A63
50.0%	50.0% #E55866	RGB 229 88 102	#E55866
66.7%	66.7% #ED6768	RGB 237 103 104	#ED6768
83.3%	83.3% #F6756B	RGB 246 117 107	#F6756B
100.0%	100.0% #FF846E	RGB 255 132 110	#FF846E

#CB2D5E #D33B60 #DC4A63 #E55866 #ED6768 #F6756B #FF846E

#CB2D5E - #FF846E

Miscela HSV

#CB2D5E - #FF846E | 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 #CB2D5E come 0% e #FF846E come 100%.

0.0%	0.0% #CB2D5E	RGB 203 45 94	#CB2D5E
16.7%	16.7% #D3365B	RGB 211 54 91	#D3365B
33.3%	33.3% #DC4058	RGB 220 64 88	#DC4058
50.0%	50.0% #E54A56	RGB 229 74 86	#E54A56
66.7%	66.7% #ED5556	RGB 237 85 86	#ED5556
83.3%	83.3% #F66C61	RGB 246 108 97	#F66C61
100.0%	100.0% #FF846E	RGB 255 132 110	#FF846E

#CB2D5E #D3365B #DC4058 #E54A56 #ED5556 #F66C61 #FF846E

#CB2D5E - #E54A56 - #FF846E

Codici CSS

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

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