#92586C - #29191E | 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 #92586C a #29191E

#92586C #29191E

Calcule el color entre dos colores, #92586C y #29191E. 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)

#92586C - #29191E | 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 #92586C como 0% y #29191E como 100%.

0.0%	0.0% #92586C	RGB 146 88 108	#92586C
16.7%	16.7% #804D5F	RGB 128 77 95	#804D5F
33.3%	33.3% #6F4352	RGB 111 67 82	#6F4352
50.0%	50.0% #5D3845	RGB 93 56 69	#5D3845
66.7%	66.7% #4C2E38	RGB 76 46 56	#4C2E38
83.3%	83.3% #3A232B	RGB 58 35 43	#3A232B
100.0%	100.0% #29191E	RGB 41 25 30	#29191E

#92586C #804D5F #6F4352 #5D3845 #4C2E38 #3A232B #29191E

#92586C - #29191E

Mezcla HSV

#92586C - #29191E | 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 #92586C como 0% y #29191E como 100%.

0.0%	0.0% #92586C	RGB 146 88 108	#92586C
16.7%	16.7% #804D5E	RGB 128 77 94	#804D5E
33.3%	33.3% #6F4351	RGB 111 67 81	#6F4351
50.0%	50.0% #5D3844	RGB 93 56 68	#5D3844
66.7%	66.7% #4C2E37	RGB 76 46 55	#4C2E37
83.3%	83.3% #3A232A	RGB 58 35 42	#3A232A
100.0%	100.0% #29191E	RGB 41 25 30	#29191E

#92586C #804D5E #6F4351 #5D3844 #4C2E37 #3A232A #29191E

#92586C - #5D3844 - #29191E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #92586C 0%, #5D3844 50%, #29191E 100%);
    background: -webkit-linear-gradient(top, #92586C 0%, #5D3844 50%, #29191E 100%);
    background: linear-gradient(to bottom, #92586C 0%, #5D3844 50%, #29191E 100%);
}
</style>