#180610 - #BDB7BA | 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 #180610 a #BDB7BA

#180610 #BDB7BA

Calcule el color entre dos colores, #180610 y #BDB7BA. 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)

#180610 - #BDB7BA | 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 #180610 como 0% y #BDB7BA como 100%.

0.0%	0.0% #180610	RGB 24 6 16	#180610
16.7%	16.7% #33232C	RGB 51 35 44	#33232C
33.3%	33.3% #4F4148	RGB 79 65 72	#4F4148
50.0%	50.0% #6A5E65	RGB 106 94 101	#6A5E65
66.7%	66.7% #867C81	RGB 134 124 129	#867C81
83.3%	83.3% #A1999D	RGB 161 153 157	#A1999D
100.0%	100.0% #BDB7BA	RGB 189 183 186	#BDB7BA

#180610 #33232C #4F4148 #6A5E65 #867C81 #A1999D #BDB7BA

#180610 - #BDB7BA

Mezcla HSV

#180610 - #BDB7BA | 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 #180610 como 0% y #BDB7BA como 100%.

0.0%	0.0% #180610	RGB 24 6 16	#180610
16.7%	16.7% #331324	RGB 51 19 36	#331324
33.3%	33.3% #4F263C	RGB 79 38 60	#4F263C
50.0%	50.0% #6A4056	RGB 106 64 86	#6A4056
66.7%	66.7% #866174	RGB 134 97 116	#866174
83.3%	83.3% #A18995	RGB 161 137 149	#A18995
100.0%	100.0% #BDB7BA	RGB 189 183 186	#BDB7BA

#180610 #331324 #4F263C #6A4056 #866174 #A18995 #BDB7BA

#180610 - #6A4056 - #BDB7BA

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #180610 0%, #6A4056 50%, #BDB7BA 100%);
    background: -webkit-linear-gradient(top, #180610 0%, #6A4056 50%, #BDB7BA 100%);
    background: linear-gradient(to bottom, #180610 0%, #6A4056 50%, #BDB7BA 100%);
}
</style>