#482732 - #AB6656 | 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 #482732 a #AB6656

#482732 #AB6656

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

#482732 - #AB6656 | 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 #482732 como 0% y #AB6656 como 100%.

0.0%	0.0% #482732	RGB 72 39 50	#482732
16.7%	16.7% #583138	RGB 88 49 56	#583138
33.3%	33.3% #693C3E	RGB 105 60 62	#693C3E
50.0%	50.0% #794644	RGB 121 70 68	#794644
66.7%	66.7% #8A514A	RGB 138 81 74	#8A514A
83.3%	83.3% #9A5B50	RGB 154 91 80	#9A5B50
100.0%	100.0% #AB6656	RGB 171 102 86	#AB6656

#482732 #583138 #693C3E #794644 #8A514A #9A5B50 #AB6656

#482732 - #AB6656

Mezcla HSV

#482732 - #AB6656 | 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 #482732 como 0% y #AB6656 como 100%.

0.0%	0.0% #482732	RGB 72 39 50	#482732
16.7%	16.7% #582F39	RGB 88 47 57	#582F39
33.3%	33.3% #69373F	RGB 105 55 63	#69373F
50.0%	50.0% #793F43	RGB 121 63 67	#793F43
66.7%	66.7% #8A4847	RGB 138 72 71	#8A4847
83.3%	83.3% #9A564E	RGB 154 86 78	#9A564E
100.0%	100.0% #AB6656	RGB 171 102 86	#AB6656

#482732 #582F39 #69373F #793F43 #8A4847 #9A564E #AB6656

#482732 - #793F43 - #AB6656

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #482732 0%, #793F43 50%, #AB6656 100%);
    background: -webkit-linear-gradient(top, #482732 0%, #793F43 50%, #AB6656 100%);
    background: linear-gradient(to bottom, #482732 0%, #793F43 50%, #AB6656 100%);
}
</style>