#C8CEC6 - #383A38 | 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 #C8CEC6 a #383A38

#C8CEC6 #383A38

Calcule el color entre dos colores, #C8CEC6 y #383A38. 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)

#C8CEC6 - #383A38 | 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 #C8CEC6 como 0% y #383A38 como 100%.

0.0%	0.0% #C8CEC6	RGB 200 206 198	#C8CEC6
16.7%	16.7% #B0B5AE	RGB 176 181 174	#B0B5AE
33.3%	33.3% #989C96	RGB 152 156 150	#989C96
50.0%	50.0% #80847F	RGB 128 132 127	#80847F
66.7%	66.7% #686B67	RGB 104 107 103	#686B67
83.3%	83.3% #50524F	RGB 80 82 79	#50524F
100.0%	100.0% #383A38	RGB 56 58 56	#383A38

#C8CEC6 #B0B5AE #989C96 #80847F #686B67 #50524F #383A38

#C8CEC6 - #383A38

Mezcla HSV

#C8CEC6 - #383A38 | 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 #C8CEC6 como 0% y #383A38 como 100%.

0.0%	0.0% #C8CEC6	RGB 200 206 198	#C8CEC6
16.7%	16.7% #AFB5AE	RGB 175 181 174	#AFB5AE
33.3%	33.3% #979C96	RGB 151 156 150	#979C96
50.0%	50.0% #7F847F	RGB 127 132 127	#7F847F
66.7%	66.7% #676B67	RGB 103 107 103	#676B67
83.3%	83.3% #4F524F	RGB 79 82 79	#4F524F
100.0%	100.0% #383A38	RGB 56 58 56	#383A38

#C8CEC6 #AFB5AE #979C96 #7F847F #676B67 #4F524F #383A38

#C8CEC6 - #7F847F - #383A38

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8CEC6 0%, #7F847F 50%, #383A38 100%);
    background: -webkit-linear-gradient(top, #C8CEC6 0%, #7F847F 50%, #383A38 100%);
    background: linear-gradient(to bottom, #C8CEC6 0%, #7F847F 50%, #383A38 100%);
}
</style>