#465356 - #072833 | 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 #465356 a #072833

#465356 #072833

Calcule el color entre dos colores, #465356 y #072833. 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)

#465356 - #072833 | 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 #465356 como 0% y #072833 como 100%.

0.0%	0.0% #465356	RGB 70 83 86	#465356
16.7%	16.7% #3B4B50	RGB 59 75 80	#3B4B50
33.3%	33.3% #31444A	RGB 49 68 74	#31444A
50.0%	50.0% #263D44	RGB 38 61 68	#263D44
66.7%	66.7% #1C363E	RGB 28 54 62	#1C363E
83.3%	83.3% #112F38	RGB 17 47 56	#112F38
100.0%	100.0% #072833	RGB 7 40 51	#072833

#465356 #3B4B50 #31444A #263D44 #1C363E #112F38 #072833

#465356 - #072833

Mezcla HSV

#465356 - #072833 | 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 #465356 como 0% y #072833 como 100%.

0.0%	0.0% #465356	RGB 70 83 86	#465356
16.7%	16.7% #384B50	RGB 56 75 80	#384B50
33.3%	33.3% #2B434A	RGB 43 67 74	#2B434A
50.0%	50.0% #203C44	RGB 32 60 68	#203C44
66.7%	66.7% #16353E	RGB 22 53 62	#16353E
83.3%	83.3% #0E2E38	RGB 14 46 56	#0E2E38
100.0%	100.0% #072833	RGB 7 40 51	#072833

#465356 #384B50 #2B434A #203C44 #16353E #0E2E38 #072833

#465356 - #203C44 - #072833

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #465356 0%, #203C44 50%, #072833 100%);
    background: -webkit-linear-gradient(top, #465356 0%, #203C44 50%, #072833 100%);
    background: linear-gradient(to bottom, #465356 0%, #203C44 50%, #072833 100%);
}
</style>