#464C5E - #14151A | 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 #464C5E a #14151A

#464C5E #14151A

Calcule el color entre dos colores, #464C5E y #14151A. 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)

#464C5E - #14151A | 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 #464C5E como 0% y #14151A como 100%.

0.0%	0.0% #464C5E	RGB 70 76 94	#464C5E
16.7%	16.7% #3D4252	RGB 61 66 82	#3D4252
33.3%	33.3% #353947	RGB 53 57 71	#353947
50.0%	50.0% #2D303C	RGB 45 48 60	#2D303C
66.7%	66.7% #242730	RGB 36 39 48	#242730
83.3%	83.3% #1C1E25	RGB 28 30 37	#1C1E25
100.0%	100.0% #14151A	RGB 20 21 26	#14151A

#464C5E #3D4252 #353947 #2D303C #242730 #1C1E25 #14151A

#464C5E - #14151A

Mezcla HSV

#464C5E - #14151A | 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 #464C5E como 0% y #14151A como 100%.

0.0%	0.0% #464C5E	RGB 70 76 94	#464C5E
16.7%	16.7% #3D4252	RGB 61 66 82	#3D4252
33.3%	33.3% #353947	RGB 53 57 71	#353947
50.0%	50.0% #2D303C	RGB 45 48 60	#2D303C
66.7%	66.7% #252730	RGB 37 39 48	#252730
83.3%	83.3% #1C1E25	RGB 28 30 37	#1C1E25
100.0%	100.0% #14151A	RGB 20 21 26	#14151A

#464C5E #3D4252 #353947 #2D303C #252730 #1C1E25 #14151A

#464C5E - #2D303C - #14151A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #464C5E 0%, #2D303C 50%, #14151A 100%);
    background: -webkit-linear-gradient(top, #464C5E 0%, #2D303C 50%, #14151A 100%);
    background: linear-gradient(to bottom, #464C5E 0%, #2D303C 50%, #14151A 100%);
}
</style>