#DB9D5E - #8D4D17 | 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 #DB9D5E a #8D4D17

#DB9D5E #8D4D17

Calcule el color entre dos colores, #DB9D5E y #8D4D17. 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)

#DB9D5E - #8D4D17 | 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 #DB9D5E como 0% y #8D4D17 como 100%.

0.0%	0.0% #DB9D5E	RGB 219 157 94	#DB9D5E
16.7%	16.7% #CE8F52	RGB 206 143 82	#CE8F52
33.3%	33.3% #C18246	RGB 193 130 70	#C18246
50.0%	50.0% #B4753A	RGB 180 117 58	#B4753A
66.7%	66.7% #A7672E	RGB 167 103 46	#A7672E
83.3%	83.3% #9A5A22	RGB 154 90 34	#9A5A22
100.0%	100.0% #8D4D17	RGB 141 77 23	#8D4D17

#DB9D5E #CE8F52 #C18246 #B4753A #A7672E #9A5A22 #8D4D17

#DB9D5E - #8D4D17

Mezcla HSV

#DB9D5E - #8D4D17 | 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 #DB9D5E como 0% y #8D4D17 como 100%.

0.0%	0.0% #DB9D5E	RGB 219 157 94	#DB9D5E
16.7%	16.7% #CE8E4F	RGB 206 142 79	#CE8E4F
33.3%	33.3% #C17F41	RGB 193 127 65	#C17F41
50.0%	50.0% #B47235	RGB 180 114 53	#B47235
66.7%	66.7% #A7652A	RGB 167 101 42	#A7652A
83.3%	83.3% #9A581F	RGB 154 88 31	#9A581F
100.0%	100.0% #8D4D17	RGB 141 77 23	#8D4D17

#DB9D5E #CE8E4F #C17F41 #B47235 #A7652A #9A581F #8D4D17

#DB9D5E - #B47235 - #8D4D17

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DB9D5E 0%, #B47235 50%, #8D4D17 100%);
    background: -webkit-linear-gradient(top, #DB9D5E 0%, #B47235 50%, #8D4D17 100%);
    background: linear-gradient(to bottom, #DB9D5E 0%, #B47235 50%, #8D4D17 100%);
}
</style>