#22231C - #5D644F | 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 #22231C a #5D644F

#22231C #5D644F

Calcule el color entre dos colores, #22231C y #5D644F. 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)

#22231C - #5D644F | 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 #22231C como 0% y #5D644F como 100%.

0.0%	0.0% #22231C	RGB 34 35 28	#22231C
16.7%	16.7% #2B2D24	RGB 43 45 36	#2B2D24
33.3%	33.3% #35382D	RGB 53 56 45	#35382D
50.0%	50.0% #3F4335	RGB 63 67 53	#3F4335
66.7%	66.7% #494E3E	RGB 73 78 62	#494E3E
83.3%	83.3% #535946	RGB 83 89 70	#535946
100.0%	100.0% #5D644F	RGB 93 100 79	#5D644F

#22231C #2B2D24 #35382D #3F4335 #494E3E #535946 #5D644F

#22231C - #5D644F

Mezcla HSV

#22231C - #5D644F | 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 #22231C como 0% y #5D644F como 100%.

0.0%	0.0% #22231C	RGB 34 35 28	#22231C
16.7%	16.7% #2C2D24	RGB 44 45 36	#2C2D24
33.3%	33.3% #36382D	RGB 54 56 45	#36382D
50.0%	50.0% #404335	RGB 64 67 53	#404335
66.7%	66.7% #494E3E	RGB 73 78 62	#494E3E
83.3%	83.3% #535946	RGB 83 89 70	#535946
100.0%	100.0% #5D644F	RGB 93 100 79	#5D644F

#22231C #2C2D24 #36382D #404335 #494E3E #535946 #5D644F

#22231C - #404335 - #5D644F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #22231C 0%, #404335 50%, #5D644F 100%);
    background: -webkit-linear-gradient(top, #22231C 0%, #404335 50%, #5D644F 100%);
    background: linear-gradient(to bottom, #22231C 0%, #404335 50%, #5D644F 100%);
}
</style>