#54626A - #CED2D4 | 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 #54626A a #CED2D4

#54626A #CED2D4

Calcule el color entre dos colores, #54626A y #CED2D4. 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)

#54626A - #CED2D4 | 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 #54626A como 0% y #CED2D4 como 100%.

0.0%	0.0% #54626A	RGB 84 98 106	#54626A
16.7%	16.7% #68747B	RGB 104 116 123	#68747B
33.3%	33.3% #7C878D	RGB 124 135 141	#7C878D
50.0%	50.0% #919A9F	RGB 145 154 159	#919A9F
66.7%	66.7% #A5ACB0	RGB 165 172 176	#A5ACB0
83.3%	83.3% #B9BFC2	RGB 185 191 194	#B9BFC2
100.0%	100.0% #CED2D4	RGB 206 210 212	#CED2D4

#54626A #68747B #7C878D #919A9F #A5ACB0 #B9BFC2 #CED2D4

#54626A - #CED2D4

Mezcla HSV

#54626A - #CED2D4 | 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 #54626A como 0% y #CED2D4 como 100%.

0.0%	0.0% #54626A	RGB 84 98 106	#54626A
16.7%	16.7% #65737B	RGB 101 115 123	#65737B
33.3%	33.3% #78858D	RGB 120 133 141	#78858D
50.0%	50.0% #8C989F	RGB 140 152 159	#8C989F
66.7%	66.7% #A1ABB0	RGB 161 171 176	#A1ABB0
83.3%	83.3% #B7BEC2	RGB 183 190 194	#B7BEC2
100.0%	100.0% #CED2D4	RGB 206 210 212	#CED2D4

#54626A #65737B #78858D #8C989F #A1ABB0 #B7BEC2 #CED2D4

#54626A - #8C989F - #CED2D4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #54626A 0%, #8C989F 50%, #CED2D4 100%);
    background: -webkit-linear-gradient(top, #54626A 0%, #8C989F 50%, #CED2D4 100%);
    background: linear-gradient(to bottom, #54626A 0%, #8C989F 50%, #CED2D4 100%);
}
</style>