#39192C - #C6BDC2 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #39192C a #C6BDC2

#39192C #C6BDC2

Calcule el color entre dos colores, #39192C y #C6BDC2. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#39192C - #C6BDC2 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #39192C como 0% y #C6BDC2 como 100%.

0.0%	0.0% #39192C	RGB 57 25 44	#39192C
16.7%	16.7% #503445	RGB 80 52 69	#503445
33.3%	33.3% #684F5E	RGB 104 79 94	#684F5E
50.0%	50.0% #7F6B77	RGB 127 107 119	#7F6B77
66.7%	66.7% #978690	RGB 151 134 144	#978690
83.3%	83.3% #AEA1A9	RGB 174 161 169	#AEA1A9
100.0%	100.0% #C6BDC2	RGB 198 189 194	#C6BDC2

#39192C #503445 #684F5E #7F6B77 #978690 #AEA1A9 #C6BDC2

#39192C - #C6BDC2

Mezcla HSV

#39192C - #C6BDC2 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #39192C como 0% y #C6BDC2 como 100%.

0.0%	0.0% #39192C	RGB 57 25 44	#39192C
16.7%	16.7% #502A40	RGB 80 42 64	#502A40
33.3%	33.3% #683F57	RGB 104 63 87	#683F57
50.0%	50.0% #7F586F	RGB 127 88 111	#7F586F
66.7%	66.7% #977688	RGB 151 118 136	#977688
83.3%	83.3% #AE97A4	RGB 174 151 164	#AE97A4
100.0%	100.0% #C6BDC2	RGB 198 189 194	#C6BDC2

#39192C #502A40 #683F57 #7F586F #977688 #AE97A4 #C6BDC2

#39192C - #7F586F - #C6BDC2

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #39192C 0%, #7F586F 50%, #C6BDC2 100%);
    background: -webkit-linear-gradient(top, #39192C 0%, #7F586F 50%, #C6BDC2 100%);
    background: linear-gradient(to bottom, #39192C 0%, #7F586F 50%, #C6BDC2 100%);
}
</style>