#464956 - #709EB6 | 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 #464956 a #709EB6

#464956 #709EB6

Calcule el color entre dos colores, #464956 y #709EB6. 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)

#464956 - #709EB6 | 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 #464956 como 0% y #709EB6 como 100%.

0.0%	0.0% #464956	RGB 70 73 86	#464956
16.7%	16.7% #4D5766	RGB 77 87 102	#4D5766
33.3%	33.3% #546576	RGB 84 101 118	#546576
50.0%	50.0% #5B7386	RGB 91 115 134	#5B7386
66.7%	66.7% #628196	RGB 98 129 150	#628196
83.3%	83.3% #698FA6	RGB 105 143 166	#698FA6
100.0%	100.0% #709EB6	RGB 112 158 182	#709EB6

#464956 #4D5766 #546576 #5B7386 #628196 #698FA6 #709EB6

#464956 - #709EB6

Mezcla HSV

#464956 - #709EB6 | 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 #464956 como 0% y #709EB6 como 100%.

0.0%	0.0% #464956	RGB 70 73 86	#464956
16.7%	16.7% #4F5566	RGB 79 85 102	#4F5566
33.3%	33.3% #586276	RGB 88 98 118	#586276
50.0%	50.0% #5F6F86	RGB 95 111 134	#5F6F86
66.7%	66.7% #667E96	RGB 102 126 150	#667E96
83.3%	83.3% #6B8DA6	RGB 107 141 166	#6B8DA6
100.0%	100.0% #709EB6	RGB 112 158 182	#709EB6

#464956 #4F5566 #586276 #5F6F86 #667E96 #6B8DA6 #709EB6

#464956 - #5F6F86 - #709EB6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #464956 0%, #5F6F86 50%, #709EB6 100%);
    background: -webkit-linear-gradient(top, #464956 0%, #5F6F86 50%, #709EB6 100%);
    background: linear-gradient(to bottom, #464956 0%, #5F6F86 50%, #709EB6 100%);
}
</style>