#464A5E - #CACBD1 | 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 #464A5E a #CACBD1

#464A5E #CACBD1

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

#464A5E - #CACBD1 | 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 #464A5E como 0% y #CACBD1 como 100%.

0.0%	0.0% #464A5E	RGB 70 74 94	#464A5E
16.7%	16.7% #5C5F71	RGB 92 95 113	#5C5F71
33.3%	33.3% #727584	RGB 114 117 132	#727584
50.0%	50.0% #888A97	RGB 136 138 151	#888A97
66.7%	66.7% #9EA0AA	RGB 158 160 170	#9EA0AA
83.3%	83.3% #B4B5BD	RGB 180 181 189	#B4B5BD
100.0%	100.0% #CACBD1	RGB 202 203 209	#CACBD1

#464A5E #5C5F71 #727584 #888A97 #9EA0AA #B4B5BD #CACBD1

#464A5E - #CACBD1

Mezcla HSV

#464A5E - #CACBD1 | 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 #464A5E como 0% y #CACBD1 como 100%.

0.0%	0.0% #464A5E	RGB 70 74 94	#464A5E
16.7%	16.7% #585C71	RGB 88 92 113	#585C71
33.3%	33.3% #6C7084	RGB 108 112 132	#6C7084
50.0%	50.0% #818597	RGB 129 133 151	#818597
66.7%	66.7% #989BAA	RGB 152 155 170	#989BAA
83.3%	83.3% #B0B2BD	RGB 176 178 189	#B0B2BD
100.0%	100.0% #CACBD1	RGB 202 203 209	#CACBD1

#464A5E #585C71 #6C7084 #818597 #989BAA #B0B2BD #CACBD1

#464A5E - #818597 - #CACBD1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #464A5E 0%, #818597 50%, #CACBD1 100%);
    background: -webkit-linear-gradient(top, #464A5E 0%, #818597 50%, #CACBD1 100%);
    background: linear-gradient(to bottom, #464A5E 0%, #818597 50%, #CACBD1 100%);
}
</style>