#4D4E4B - #A99975 | 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 #4D4E4B a #A99975

#4D4E4B #A99975

Calcule el color entre dos colores, #4D4E4B y #A99975. 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)

#4D4E4B - #A99975 | 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 #4D4E4B como 0% y #A99975 como 100%.

0.0%	0.0% #4D4E4B	RGB 77 78 75	#4D4E4B
16.7%	16.7% #5C5A52	RGB 92 90 82	#5C5A52
33.3%	33.3% #6B6759	RGB 107 103 89	#6B6759
50.0%	50.0% #7B7360	RGB 123 115 96	#7B7360
66.7%	66.7% #8A8067	RGB 138 128 103	#8A8067
83.3%	83.3% #998C6E	RGB 153 140 110	#998C6E
100.0%	100.0% #A99975	RGB 169 153 117	#A99975

#4D4E4B #5C5A52 #6B6759 #7B7360 #8A8067 #998C6E #A99975

#4D4E4B - #A99975

Mezcla HSV

#4D4E4B - #A99975 | 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 #4D4E4B como 0% y #A99975 como 100%.

0.0%	0.0% #4D4E4B	RGB 77 78 75	#4D4E4B
16.7%	16.7% #5B5D55	RGB 91 93 85	#5B5D55
33.3%	33.3% #6A6C5E	RGB 106 108 94	#6A6C5E
50.0%	50.0% #7B7B66	RGB 123 123 102	#7B7B66
66.7%	66.7% #8A876C	RGB 138 135 108	#8A876C
83.3%	83.3% #999171	RGB 153 145 113	#999171
100.0%	100.0% #A99975	RGB 169 153 117	#A99975

#4D4E4B #5B5D55 #6A6C5E #7B7B66 #8A876C #999171 #A99975

#4D4E4B - #7B7B66 - #A99975

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4E4B 0%, #7B7B66 50%, #A99975 100%);
    background: -webkit-linear-gradient(top, #4D4E4B 0%, #7B7B66 50%, #A99975 100%);
    background: linear-gradient(to bottom, #4D4E4B 0%, #7B7B66 50%, #A99975 100%);
}
</style>