#2B2D24 - #717255 | 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 #2B2D24 a #717255

#2B2D24 #717255

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

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

0.0%	0.0% #2B2D24	RGB 43 45 36	#2B2D24
16.7%	16.7% #36382C	RGB 54 56 44	#36382C
33.3%	33.3% #424434	RGB 66 68 52	#424434
50.0%	50.0% #4E4F3C	RGB 78 79 60	#4E4F3C
66.7%	66.7% #595B44	RGB 89 91 68	#595B44
83.3%	83.3% #65664C	RGB 101 102 76	#65664C
100.0%	100.0% #717255	RGB 113 114 85	#717255

#2B2D24 #36382C #424434 #4E4F3C #595B44 #65664C #717255

#2B2D24 - #717255

Mezcla HSV

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

0.0%	0.0% #2B2D24	RGB 43 45 36	#2B2D24
16.7%	16.7% #36382C	RGB 54 56 44	#36382C
33.3%	33.3% #414435	RGB 65 68 53	#414435
50.0%	50.0% #4D4F3D	RGB 77 79 61	#4D4F3D
66.7%	66.7% #585B45	RGB 88 91 69	#585B45
83.3%	83.3% #64664D	RGB 100 102 77	#64664D
100.0%	100.0% #717255	RGB 113 114 85	#717255

#2B2D24 #36382C #414435 #4D4F3D #585B45 #64664D #717255

#2B2D24 - #4D4F3D - #717255

Códigos CSS

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

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