#5E3E4B - #CC615F | 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 #5E3E4B a #CC615F

#5E3E4B #CC615F

Calcola il colore tra due colori, #5E3E4B e #CC615F. 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)

#5E3E4B - #CC615F | 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 #5E3E4B come 0% e #CC615F come 100%.

0.0%	0.0% #5E3E4B	RGB 94 62 75	#5E3E4B
16.7%	16.7% #70434E	RGB 112 67 78	#70434E
33.3%	33.3% #824951	RGB 130 73 81	#824951
50.0%	50.0% #954F55	RGB 149 79 85	#954F55
66.7%	66.7% #A75558	RGB 167 85 88	#A75558
83.3%	83.3% #B95B5B	RGB 185 91 91	#B95B5B
100.0%	100.0% #CC615F	RGB 204 97 95	#CC615F

#5E3E4B #70434E #824951 #954F55 #A75558 #B95B5B #CC615F

#5E3E4B - #CC615F

Miscela HSV

#5E3E4B - #CC615F | 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 #5E3E4B come 0% e #CC615F come 100%.

0.0%	0.0% #5E3E4B	RGB 94 62 75	#5E3E4B
16.7%	16.7% #704654	RGB 112 70 84	#704654
33.3%	33.3% #824D5B	RGB 130 77 91	#824D5B
50.0%	50.0% #955360	RGB 149 83 96	#955360
66.7%	66.7% #A75862	RGB 167 88 98	#A75862
83.3%	83.3% #B95C61	RGB 185 92 97	#B95C61
100.0%	100.0% #CC615F	RGB 204 97 95	#CC615F

#5E3E4B #704654 #824D5B #955360 #A75862 #B95C61 #CC615F

#5E3E4B - #955360 - #CC615F

Codici CSS

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

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