#726F6B - #201F1E | 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 #726F6B a #201F1E

#726F6B #201F1E

Calcule el color entre dos colores, #726F6B y #201F1E. 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)

#726F6B - #201F1E | 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 #726F6B como 0% y #201F1E como 100%.

0.0%	0.0% #726F6B	RGB 114 111 107	#726F6B
16.7%	16.7% #64615E	RGB 100 97 94	#64615E
33.3%	33.3% #565451	RGB 86 84 81	#565451
50.0%	50.0% #494744	RGB 73 71 68	#494744
66.7%	66.7% #3B3937	RGB 59 57 55	#3B3937
83.3%	83.3% #2D2C2A	RGB 45 44 42	#2D2C2A
100.0%	100.0% #201F1E	RGB 32 31 30	#201F1E

#726F6B #64615E #565451 #494744 #3B3937 #2D2C2A #201F1E

#726F6B - #201F1E

Mezcla HSV

#726F6B - #201F1E | 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 #726F6B como 0% y #201F1E como 100%.

0.0%	0.0% #726F6B	RGB 114 111 107	#726F6B
16.7%	16.7% #64615E	RGB 100 97 94	#64615E
33.3%	33.3% #565451	RGB 86 84 81	#565451
50.0%	50.0% #494644	RGB 73 70 68	#494644
66.7%	66.7% #3B3937	RGB 59 57 55	#3B3937
83.3%	83.3% #2D2C2A	RGB 45 44 42	#2D2C2A
100.0%	100.0% #201F1E	RGB 32 31 30	#201F1E

#726F6B #64615E #565451 #494644 #3B3937 #2D2C2A #201F1E

#726F6B - #494644 - #201F1E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #726F6B 0%, #494644 50%, #201F1E 100%);
    background: -webkit-linear-gradient(top, #726F6B 0%, #494644 50%, #201F1E 100%);
    background: linear-gradient(to bottom, #726F6B 0%, #494644 50%, #201F1E 100%);
}
</style>