#2B2C24 - #717156 | 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 #2B2C24 a #717156

#2B2C24 #717156

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

#2B2C24 - #717156 | 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 #2B2C24 como 0% y #717156 como 100%.

0.0%	0.0% #2B2C24	RGB 43 44 36	#2B2C24
16.7%	16.7% #36372C	RGB 54 55 44	#36372C
33.3%	33.3% #424334	RGB 66 67 52	#424334
50.0%	50.0% #4E4E3D	RGB 78 78 61	#4E4E3D
66.7%	66.7% #595A45	RGB 89 90 69	#595A45
83.3%	83.3% #65654D	RGB 101 101 77	#65654D
100.0%	100.0% #717156	RGB 113 113 86	#717156

#2B2C24 #36372C #424334 #4E4E3D #595A45 #65654D #717156

#2B2C24 - #717156

Mezcla HSV

#2B2C24 - #717156 | 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 #2B2C24 como 0% y #717156 como 100%.

0.0%	0.0% #2B2C24	RGB 43 44 36	#2B2C24
16.7%	16.7% #36372C	RGB 54 55 44	#36372C
33.3%	33.3% #414335	RGB 65 67 53	#414335
50.0%	50.0% #4D4E3D	RGB 77 78 61	#4D4E3D
66.7%	66.7% #595A46	RGB 89 90 70	#595A46
83.3%	83.3% #65654E	RGB 101 101 78	#65654E
100.0%	100.0% #717156	RGB 113 113 86	#717156

#2B2C24 #36372C #414335 #4D4E3D #595A46 #65654E #717156

#2B2C24 - #4D4E3D - #717156

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B2C24 0%, #4D4E3D 50%, #717156 100%);
    background: -webkit-linear-gradient(top, #2B2C24 0%, #4D4E3D 50%, #717156 100%);
    background: linear-gradient(to bottom, #2B2C24 0%, #4D4E3D 50%, #717156 100%);
}
</style>