#5E7F84 - #CEC1A8 | 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 #5E7F84 a #CEC1A8

#5E7F84 #CEC1A8

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

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

0.0%	0.0% #5E7F84	RGB 94 127 132	#5E7F84
16.7%	16.7% #708A8A	RGB 112 138 138	#708A8A
33.3%	33.3% #839590	RGB 131 149 144	#839590
50.0%	50.0% #96A096	RGB 150 160 150	#96A096
66.7%	66.7% #A8AB9C	RGB 168 171 156	#A8AB9C
83.3%	83.3% #BBB6A2	RGB 187 182 162	#BBB6A2
100.0%	100.0% #CEC1A8	RGB 206 193 168	#CEC1A8

#5E7F84 #708A8A #839590 #96A096 #A8AB9C #BBB6A2 #CEC1A8

#5E7F84 - #CEC1A8

Mezcla HSV

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

0.0%	0.0% #5E7F84	RGB 94 127 132	#5E7F84
16.7%	16.7% #699085	RGB 105 144 133	#699085
33.3%	33.3% #749C81	RGB 116 156 129	#749C81
50.0%	50.0% #85A981	RGB 133 169 129	#85A981
66.7%	66.7% #A2B58D	RGB 162 181 141	#A2B58D
83.3%	83.3% #BEC19A	RGB 190 193 154	#BEC19A
100.0%	100.0% #CEC1A8	RGB 206 193 168	#CEC1A8

#5E7F84 #699085 #749C81 #85A981 #A2B58D #BEC19A #CEC1A8

#5E7F84 - #85A981 - #CEC1A8

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7F84 0%, #85A981 50%, #CEC1A8 100%);
    background: -webkit-linear-gradient(top, #5E7F84 0%, #85A981 50%, #CEC1A8 100%);
    background: linear-gradient(to bottom, #5E7F84 0%, #85A981 50%, #CEC1A8 100%);
}
</style>