#453D64 - #8C818B | 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 #453D64 a #8C818B

#453D64 #8C818B

Calcule el color entre dos colores, #453D64 y #8C818B. 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)

#453D64 - #8C818B | 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 #453D64 como 0% y #8C818B como 100%.

0.0%	0.0% #453D64	RGB 69 61 100	#453D64
16.7%	16.7% #50486A	RGB 80 72 106	#50486A
33.3%	33.3% #5C5371	RGB 92 83 113	#5C5371
50.0%	50.0% #685F77	RGB 104 95 119	#685F77
66.7%	66.7% #746A7E	RGB 116 106 126	#746A7E
83.3%	83.3% #807584	RGB 128 117 132	#807584
100.0%	100.0% #8C818B	RGB 140 129 139	#8C818B

#453D64 #50486A #5C5371 #685F77 #746A7E #807584 #8C818B

#453D64 - #8C818B

Mezcla HSV

#453D64 - #8C818B | 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 #453D64 como 0% y #8C818B como 100%.

0.0%	0.0% #453D64	RGB 69 61 100	#453D64
16.7%	16.7% #53466A	RGB 83 70 106	#53466A
33.3%	33.3% #615071	RGB 97 80 113	#615071
50.0%	50.0% #6E5B78	RGB 110 91 120	#6E5B78
66.7%	66.7% #79677E	RGB 121 103 126	#79677E
83.3%	83.3% #847385	RGB 132 115 133	#847385
100.0%	100.0% #8C818B	RGB 140 129 139	#8C818B

#453D64 #53466A #615071 #6E5B78 #79677E #847385 #8C818B

#453D64 - #6E5B78 - #8C818B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #453D64 0%, #6E5B78 50%, #8C818B 100%);
    background: -webkit-linear-gradient(top, #453D64 0%, #6E5B78 50%, #8C818B 100%);
    background: linear-gradient(to bottom, #453D64 0%, #6E5B78 50%, #8C818B 100%);
}
</style>