#CC9FAB - #3A2D30 | 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 #CC9FAB a #3A2D30

#CC9FAB #3A2D30

Calcola il colore tra due colori, #CC9FAB e #3A2D30. 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)

#CC9FAB - #3A2D30 | 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 #CC9FAB come 0% e #3A2D30 come 100%.

0.0%	0.0% #CC9FAB	RGB 204 159 171	#CC9FAB
16.7%	16.7% #B38C96	RGB 179 140 150	#B38C96
33.3%	33.3% #9B7982	RGB 155 121 130	#9B7982
50.0%	50.0% #83666D	RGB 131 102 109	#83666D
66.7%	66.7% #6A5359	RGB 106 83 89	#6A5359
83.3%	83.3% #524044	RGB 82 64 68	#524044
100.0%	100.0% #3A2D30	RGB 58 45 48	#3A2D30

#CC9FAB #B38C96 #9B7982 #83666D #6A5359 #524044 #3A2D30

#CC9FAB - #3A2D30

Miscela HSV

#CC9FAB - #3A2D30 | 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 #CC9FAB come 0% e #3A2D30 come 100%.

0.0%	0.0% #CC9FAB	RGB 204 159 171	#CC9FAB
16.7%	16.7% #B38B96	RGB 179 139 150	#B38B96
33.3%	33.3% #9B7881	RGB 155 120 129	#9B7881
50.0%	50.0% #83656D	RGB 131 101 109	#83656D
66.7%	66.7% #6A5258	RGB 106 82 88	#6A5258
83.3%	83.3% #523F44	RGB 82 63 68	#523F44
100.0%	100.0% #3A2D30	RGB 58 45 48	#3A2D30

#CC9FAB #B38B96 #9B7881 #83656D #6A5258 #523F44 #3A2D30

#CC9FAB - #83656D - #3A2D30

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CC9FAB 0%, #83656D 50%, #3A2D30 100%);
    background: -webkit-linear-gradient(top, #CC9FAB 0%, #83656D 50%, #3A2D30 100%);
    background: linear-gradient(to bottom, #CC9FAB 0%, #83656D 50%, #3A2D30 100%);
}
</style>