#5E464C - #D1CACC | 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 #5E464C a #D1CACC

#5E464C #D1CACC

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

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

0.0%	0.0% #5E464C	RGB 94 70 76	#5E464C
16.7%	16.7% #715C61	RGB 113 92 97	#715C61
33.3%	33.3% #847276	RGB 132 114 118	#847276
50.0%	50.0% #97888C	RGB 151 136 140	#97888C
66.7%	66.7% #AA9EA1	RGB 170 158 161	#AA9EA1
83.3%	83.3% #BDB4B6	RGB 189 180 182	#BDB4B6
100.0%	100.0% #D1CACC	RGB 209 202 204	#D1CACC

#5E464C #715C61 #847276 #97888C #AA9EA1 #BDB4B6 #D1CACC

#5E464C - #D1CACC

Mezcla HSV

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

0.0%	0.0% #5E464C	RGB 94 70 76	#5E464C
16.7%	16.7% #71585E	RGB 113 88 94	#71585E
33.3%	33.3% #846C72	RGB 132 108 114	#846C72
50.0%	50.0% #978187	RGB 151 129 135	#978187
66.7%	66.7% #AA989D	RGB 170 152 157	#AA989D
83.3%	83.3% #BDB0B4	RGB 189 176 180	#BDB0B4
100.0%	100.0% #D1CACC	RGB 209 202 204	#D1CACC

#5E464C #71585E #846C72 #978187 #AA989D #BDB0B4 #D1CACC

#5E464C - #978187 - #D1CACC

Códigos CSS

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

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