#2D2B15 - #88693B | 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 #2D2B15 a #88693B

#2D2B15 #88693B

Calcule el color entre dos colores, #2D2B15 y #88693B. 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)

#2D2B15 - #88693B | 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 #2D2B15 como 0% y #88693B como 100%.

0.0%	0.0% #2D2B15	RGB 45 43 21	#2D2B15
16.7%	16.7% #3C351B	RGB 60 53 27	#3C351B
33.3%	33.3% #4B3F21	RGB 75 63 33	#4B3F21
50.0%	50.0% #5A4A28	RGB 90 74 40	#5A4A28
66.7%	66.7% #69542E	RGB 105 84 46	#69542E
83.3%	83.3% #785E34	RGB 120 94 52	#785E34
100.0%	100.0% #88693B	RGB 136 105 59	#88693B

#2D2B15 #3C351B #4B3F21 #5A4A28 #69542E #785E34 #88693B

#2D2B15 - #88693B

Mezcla HSV

#2D2B15 - #88693B | 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 #2D2B15 como 0% y #88693B como 100%.

0.0%	0.0% #2D2B15	RGB 45 43 21	#2D2B15
16.7%	16.7% #3C371B	RGB 60 55 27	#3C371B
33.3%	33.3% #4B4322	RGB 75 67 34	#4B4322
50.0%	50.0% #5A4E28	RGB 90 78 40	#5A4E28
66.7%	66.7% #69582E	RGB 105 88 46	#69582E
83.3%	83.3% #786135	RGB 120 97 53	#786135
100.0%	100.0% #88693B	RGB 136 105 59	#88693B

#2D2B15 #3C371B #4B4322 #5A4E28 #69582E #786135 #88693B

#2D2B15 - #5A4E28 - #88693B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D2B15 0%, #5A4E28 50%, #88693B 100%);
    background: -webkit-linear-gradient(top, #2D2B15 0%, #5A4E28 50%, #88693B 100%);
    background: linear-gradient(to bottom, #2D2B15 0%, #5A4E28 50%, #88693B 100%);
}
</style>