#4F6389 - #ABA9AB | 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 #4F6389 a #ABA9AB

#4F6389 #ABA9AB

Calcule el color entre dos colores, #4F6389 y #ABA9AB. 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)

#4F6389 - #ABA9AB | 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 #4F6389 como 0% y #ABA9AB como 100%.

0.0%	0.0% #4F6389	RGB 79 99 137	#4F6389
16.7%	16.7% #5E6E8E	RGB 94 110 142	#5E6E8E
33.3%	33.3% #6D7A94	RGB 109 122 148	#6D7A94
50.0%	50.0% #7D869A	RGB 125 134 154	#7D869A
66.7%	66.7% #8C919F	RGB 140 145 159	#8C919F
83.3%	83.3% #9B9DA5	RGB 155 157 165	#9B9DA5
100.0%	100.0% #ABA9AB	RGB 171 169 171	#ABA9AB

#4F6389 #5E6E8E #6D7A94 #7D869A #8C919F #9B9DA5 #ABA9AB

#4F6389 - #ABA9AB

Mezcla HSV

#4F6389 - #ABA9AB | 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 #4F6389 como 0% y #ABA9AB como 100%.

0.0%	0.0% #4F6389	RGB 79 99 137	#4F6389
16.7%	16.7% #5C628E	RGB 92 98 142	#5C628E
33.3%	33.3% #6E6994	RGB 110 105 148	#6E6994
50.0%	50.0% #83789A	RGB 131 120 154	#83789A
66.7%	66.7% #95879F	RGB 149 135 159	#95879F
83.3%	83.3% #A298A5	RGB 162 152 165	#A298A5
100.0%	100.0% #ABA9AB	RGB 171 169 171	#ABA9AB

#4F6389 #5C628E #6E6994 #83789A #95879F #A298A5 #ABA9AB

#4F6389 - #83789A - #ABA9AB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4F6389 0%, #83789A 50%, #ABA9AB 100%);
    background: -webkit-linear-gradient(top, #4F6389 0%, #83789A 50%, #ABA9AB 100%);
    background: linear-gradient(to bottom, #4F6389 0%, #83789A 50%, #ABA9AB 100%);
}
</style>