#4D4656 - #201115 | 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 #4D4656 a #201115

#4D4656 #201115

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

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

0.0%	0.0% #4D4656	RGB 77 70 86	#4D4656
16.7%	16.7% #453D4B	RGB 69 61 75	#453D4B
33.3%	33.3% #3E3440	RGB 62 52 64	#3E3440
50.0%	50.0% #362B35	RGB 54 43 53	#362B35
66.7%	66.7% #2F222A	RGB 47 34 42	#2F222A
83.3%	83.3% #27191F	RGB 39 25 31	#27191F
100.0%	100.0% #201115	RGB 32 17 21	#201115

#4D4656 #453D4B #3E3440 #362B35 #2F222A #27191F #201115

#4D4656 - #201115

Mezcla HSV

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

0.0%	0.0% #4D4656	RGB 77 70 86	#4D4656
16.7%	16.7% #463B4D	RGB 70 59 77	#463B4D
33.3%	33.3% #413044	RGB 65 48 68	#413044
50.0%	50.0% #3B2739	RGB 59 39 57	#3B2739
66.7%	66.7% #321F2C	RGB 50 31 44	#321F2C
83.3%	83.3% #291720	RGB 41 23 32	#291720
100.0%	100.0% #201115	RGB 32 17 21	#201115

#4D4656 #463B4D #413044 #3B2739 #321F2C #291720 #201115

#4D4656 - #3B2739 - #201115

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D4656 0%, #3B2739 50%, #201115 100%);
    background: -webkit-linear-gradient(top, #4D4656 0%, #3B2739 50%, #201115 100%);
    background: linear-gradient(to bottom, #4D4656 0%, #3B2739 50%, #201115 100%);
}
</style>