#5E7E84 - #CDC0A8 | 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 #5E7E84 a #CDC0A8

#5E7E84 #CDC0A8

Calcule el color entre dos colores, #5E7E84 y #CDC0A8. 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)

#5E7E84 - #CDC0A8 | 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 #5E7E84 como 0% y #CDC0A8 como 100%.

0.0%	0.0% #5E7E84	RGB 94 126 132	#5E7E84
16.7%	16.7% #70898A	RGB 112 137 138	#70898A
33.3%	33.3% #839490	RGB 131 148 144	#839490
50.0%	50.0% #959F96	RGB 149 159 150	#959F96
66.7%	66.7% #A8AA9C	RGB 168 170 156	#A8AA9C
83.3%	83.3% #BAB5A2	RGB 186 181 162	#BAB5A2
100.0%	100.0% #CDC0A8	RGB 205 192 168	#CDC0A8

#5E7E84 #70898A #839490 #959F96 #A8AA9C #BAB5A2 #CDC0A8

#5E7E84 - #CDC0A8

Mezcla HSV

#5E7E84 - #CDC0A8 | 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 #5E7E84 como 0% y #CDC0A8 como 100%.

0.0%	0.0% #5E7E84	RGB 94 126 132	#5E7E84
16.7%	16.7% #699086	RGB 105 144 134	#699086
33.3%	33.3% #749C81	RGB 116 156 129	#749C81
50.0%	50.0% #84A881	RGB 132 168 129	#84A881
66.7%	66.7% #A1B48D	RGB 161 180 141	#A1B48D
83.3%	83.3% #BEC09A	RGB 190 192 154	#BEC09A
100.0%	100.0% #CDC0A8	RGB 205 192 168	#CDC0A8

#5E7E84 #699086 #749C81 #84A881 #A1B48D #BEC09A #CDC0A8

#5E7E84 - #84A881 - #CDC0A8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7E84 0%, #84A881 50%, #CDC0A8 100%);
    background: -webkit-linear-gradient(top, #5E7E84 0%, #84A881 50%, #CDC0A8 100%);
    background: linear-gradient(to bottom, #5E7E84 0%, #84A881 50%, #CDC0A8 100%);
}
</style>