#552D3C - #CEC3C7 | 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 #552D3C a #CEC3C7

#552D3C #CEC3C7

Calcola il colore tra due colori, #552D3C e #CEC3C7. 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)

#552D3C - #CEC3C7 | 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 #552D3C come 0% e #CEC3C7 come 100%.

0.0%	0.0% #552D3C	RGB 85 45 60	#552D3C
16.7%	16.7% #694653	RGB 105 70 83	#694653
33.3%	33.3% #7D5F6A	RGB 125 95 106	#7D5F6A
50.0%	50.0% #917881	RGB 145 120 129	#917881
66.7%	66.7% #A59198	RGB 165 145 152	#A59198
83.3%	83.3% #B9AAAF	RGB 185 170 175	#B9AAAF
100.0%	100.0% #CEC3C7	RGB 206 195 199	#CEC3C7

#552D3C #694653 #7D5F6A #917881 #A59198 #B9AAAF #CEC3C7

#552D3C - #CEC3C7

Miscela HSV

#552D3C - #CEC3C7 | 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 #552D3C come 0% e #CEC3C7 come 100%.

0.0%	0.0% #552D3C	RGB 85 45 60	#552D3C
16.7%	16.7% #693E4E	RGB 105 62 78	#693E4E
33.3%	33.3% #7D5363	RGB 125 83 99	#7D5363
50.0%	50.0% #916B79	RGB 145 107 121	#916B79
66.7%	66.7% #A58591	RGB 165 133 145	#A58591
83.3%	83.3% #B9A2AB	RGB 185 162 171	#B9A2AB
100.0%	100.0% #CEC3C7	RGB 206 195 199	#CEC3C7

#552D3C #693E4E #7D5363 #916B79 #A58591 #B9A2AB #CEC3C7

#552D3C - #916B79 - #CEC3C7

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #552D3C 0%, #916B79 50%, #CEC3C7 100%);
    background: -webkit-linear-gradient(top, #552D3C 0%, #916B79 50%, #CEC3C7 100%);
    background: linear-gradient(to bottom, #552D3C 0%, #916B79 50%, #CEC3C7 100%);
}
</style>