#4D143C - #CCBBC7 | 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 #4D143C a #CCBBC7

#4D143C #CCBBC7

Calcola il colore tra due colori, #4D143C e #CCBBC7. 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)

#4D143C - #CCBBC7 | 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 #4D143C come 0% e #CCBBC7 come 100%.

0.0%	0.0% #4D143C	RGB 77 20 60	#4D143C
16.7%	16.7% #622F53	RGB 98 47 83	#622F53
33.3%	33.3% #774B6A	RGB 119 75 106	#774B6A
50.0%	50.0% #8C6781	RGB 140 103 129	#8C6781
66.7%	66.7% #A18398	RGB 161 131 152	#A18398
83.3%	83.3% #B69FAF	RGB 182 159 175	#B69FAF
100.0%	100.0% #CCBBC7	RGB 204 187 199	#CCBBC7

#4D143C #622F53 #774B6A #8C6781 #A18398 #B69FAF #CCBBC7

#4D143C - #CCBBC7

Miscela HSV

#4D143C - #CCBBC7 | 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 #4D143C come 0% e #CCBBC7 come 100%.

0.0%	0.0% #4D133C	RGB 77 19 60	#4D133C
16.7%	16.7% #62244F	RGB 98 36 79	#62244F
33.3%	33.3% #773964	RGB 119 57 100	#773964
50.0%	50.0% #8C527B	RGB 140 82 123	#8C527B
66.7%	66.7% #A17093	RGB 161 112 147	#A17093
83.3%	83.3% #B693AC	RGB 182 147 172	#B693AC
100.0%	100.0% #CCBBC7	RGB 204 187 199	#CCBBC7

#4D133C #62244F #773964 #8C527B #A17093 #B693AC #CCBBC7

#4D143C - #8C527B - #CCBBC7

Codici CSS

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

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