#714141 - #201212 | 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 #714141 a #201212

#714141 #201212

Calcule el color entre dos colores, #714141 y #201212. 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)

#714141 - #201212 | 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 #714141 como 0% y #201212 como 100%.

0.0%	0.0% #714141	RGB 113 65 65	#714141
16.7%	16.7% #633939	RGB 99 57 57	#633939
33.3%	33.3% #563131	RGB 86 49 49	#563131
50.0%	50.0% #482929	RGB 72 41 41	#482929
66.7%	66.7% #3B2121	RGB 59 33 33	#3B2121
83.3%	83.3% #2D1919	RGB 45 25 25	#2D1919
100.0%	100.0% #201212	RGB 32 18 18	#201212

#714141 #633939 #563131 #482929 #3B2121 #2D1919 #201212

#714141 - #201212

Mezcla HSV

#714141 - #201212 | 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 #714141 como 0% y #201212 como 100%.

0.0%	0.0% #714141	RGB 113 65 65	#714141
16.7%	16.7% #633939	RGB 99 57 57	#633939
33.3%	33.3% #563131	RGB 86 49 49	#563131
50.0%	50.0% #482929	RGB 72 41 41	#482929
66.7%	66.7% #3B2121	RGB 59 33 33	#3B2121
83.3%	83.3% #2D1919	RGB 45 25 25	#2D1919
100.0%	100.0% #201212	RGB 32 18 18	#201212

#714141 #633939 #563131 #482929 #3B2121 #2D1919 #201212

#714141 - #482929 - #201212

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #714141 0%, #482929 50%, #201212 100%);
    background: -webkit-linear-gradient(top, #714141 0%, #482929 50%, #201212 100%);
    background: linear-gradient(to bottom, #714141 0%, #482929 50%, #201212 100%);
}
</style>