#715454 - #5F220F | 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 #715454 a #5F220F

#715454 #5F220F

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

#715454 - #5F220F | 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 #715454 como 0% y #5F220F como 100%.

0.0%	0.0% #715454	RGB 113 84 84	#715454
16.7%	16.7% #6E4B48	RGB 110 75 72	#6E4B48
33.3%	33.3% #6B433D	RGB 107 67 61	#6B433D
50.0%	50.0% #683B31	RGB 104 59 49	#683B31
66.7%	66.7% #653226	RGB 101 50 38	#653226
83.3%	83.3% #622A1A	RGB 98 42 26	#622A1A
100.0%	100.0% #5F220F	RGB 95 34 15	#5F220F

#715454 #6E4B48 #6B433D #683B31 #653226 #622A1A #5F220F

#715454 - #5F220F

Mezcla HSV

#715454 - #5F220F | 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 #715454 como 0% y #5F220F como 100%.

0.0%	0.0% #715454	RGB 113 84 84	#715454
16.7%	16.7% #6E4847	RGB 110 72 71	#6E4847
33.3%	33.3% #6B3E3A	RGB 107 62 58	#6B3E3A
50.0%	50.0% #68352E	RGB 104 53 46	#68352E
66.7%	66.7% #652E23	RGB 101 46 35	#652E23
83.3%	83.3% #622719	RGB 98 39 25	#622719
100.0%	100.0% #5F220F	RGB 95 34 15	#5F220F

#715454 #6E4847 #6B3E3A #68352E #652E23 #622719 #5F220F

#715454 - #68352E - #5F220F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #715454 0%, #68352E 50%, #5F220F 100%);
    background: -webkit-linear-gradient(top, #715454 0%, #68352E 50%, #5F220F 100%);
    background: linear-gradient(to bottom, #715454 0%, #68352E 50%, #5F220F 100%);
}
</style>