#959DA2 - #474E5A | 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 #959DA2 a #474E5A

#959DA2 #474E5A

Calcule el color entre dos colores, #959DA2 y #474E5A. 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)

#959DA2 - #474E5A | 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 #959DA2 como 0% y #474E5A como 100%.

0.0%	0.0% #959DA2	RGB 149 157 162	#959DA2
16.7%	16.7% #888F96	RGB 136 143 150	#888F96
33.3%	33.3% #7B828A	RGB 123 130 138	#7B828A
50.0%	50.0% #6E757E	RGB 110 117 126	#6E757E
66.7%	66.7% #616872	RGB 97 104 114	#616872
83.3%	83.3% #545B66	RGB 84 91 102	#545B66
100.0%	100.0% #474E5A	RGB 71 78 90	#474E5A

#959DA2 #888F96 #7B828A #6E757E #616872 #545B66 #474E5A

#959DA2 - #474E5A

Mezcla HSV

#959DA2 - #474E5A | 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 #959DA2 como 0% y #474E5A como 100%.

0.0%	0.0% #959DA2	RGB 149 157 162	#959DA2
16.7%	16.7% #868F96	RGB 134 143 150	#868F96
33.3%	33.3% #78828A	RGB 120 130 138	#78828A
50.0%	50.0% #6B747E	RGB 107 116 126	#6B747E
66.7%	66.7% #5E6772	RGB 94 103 114	#5E6772
83.3%	83.3% #525A66	RGB 82 90 102	#525A66
100.0%	100.0% #474E5A	RGB 71 78 90	#474E5A

#959DA2 #868F96 #78828A #6B747E #5E6772 #525A66 #474E5A

#959DA2 - #6B747E - #474E5A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #959DA2 0%, #6B747E 50%, #474E5A 100%);
    background: -webkit-linear-gradient(top, #959DA2 0%, #6B747E 50%, #474E5A 100%);
    background: linear-gradient(to bottom, #959DA2 0%, #6B747E 50%, #474E5A 100%);
}
</style>