#929BA1 - #454C59 | 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 #929BA1 a #454C59

#929BA1 #454C59

Calcule el color entre dos colores, #929BA1 y #454C59. 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)

#929BA1 - #454C59 | 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 #929BA1 como 0% y #454C59 como 100%.

0.0%	0.0% #929BA1	RGB 146 155 161	#929BA1
16.7%	16.7% #858D95	RGB 133 141 149	#858D95
33.3%	33.3% #788089	RGB 120 128 137	#788089
50.0%	50.0% #6B737D	RGB 107 115 125	#6B737D
66.7%	66.7% #5E6671	RGB 94 102 113	#5E6671
83.3%	83.3% #515965	RGB 81 89 101	#515965
100.0%	100.0% #454C59	RGB 69 76 89	#454C59

#929BA1 #858D95 #788089 #6B737D #5E6671 #515965 #454C59

#929BA1 - #454C59

Mezcla HSV

#929BA1 - #454C59 | 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 #929BA1 como 0% y #454C59 como 100%.

0.0%	0.0% #929BA1	RGB 146 155 161	#929BA1
16.7%	16.7% #838D95	RGB 131 141 149	#838D95
33.3%	33.3% #767F89	RGB 118 127 137	#767F89
50.0%	50.0% #69727D	RGB 105 114 125	#69727D
66.7%	66.7% #5C6571	RGB 92 101 113	#5C6571
83.3%	83.3% #505865	RGB 80 88 101	#505865
100.0%	100.0% #454C59	RGB 69 76 89	#454C59

#929BA1 #838D95 #767F89 #69727D #5C6571 #505865 #454C59

#929BA1 - #69727D - #454C59

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #929BA1 0%, #69727D 50%, #454C59 100%);
    background: -webkit-linear-gradient(top, #929BA1 0%, #69727D 50%, #454C59 100%);
    background: linear-gradient(to bottom, #929BA1 0%, #69727D 50%, #454C59 100%);
}
</style>