#4D3E5E - #8FAB94 | 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 #4D3E5E a #8FAB94

#4D3E5E #8FAB94

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

#4D3E5E - #8FAB94 | 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 #4D3E5E como 0% y #8FAB94 como 100%.

0.0%	0.0% #4D3E5E	RGB 77 62 94	#4D3E5E
16.7%	16.7% #585067	RGB 88 80 103	#585067
33.3%	33.3% #636270	RGB 99 98 112	#636270
50.0%	50.0% #6E7479	RGB 110 116 121	#6E7479
66.7%	66.7% #798682	RGB 121 134 130	#798682
83.3%	83.3% #84988B	RGB 132 152 139	#84988B
100.0%	100.0% #8FAB94	RGB 143 171 148	#8FAB94

#4D3E5E #585067 #636270 #6E7479 #798682 #84988B #8FAB94

#4D3E5E - #8FAB94

Mezcla HSV

#4D3E5E - #8FAB94 | 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 #4D3E5E como 0% y #8FAB94 como 100%.

0.0%	0.0% #4D3E5E	RGB 77 62 94	#4D3E5E
16.7%	16.7% #4C496A	RGB 76 73 106	#4C496A
33.3%	33.3% #555F77	RGB 85 95 119	#555F77
50.0%	50.0% #637984	RGB 99 121 132	#637984
66.7%	66.7% #70918F	RGB 112 145 143	#70918F
83.3%	83.3% #7F9E90	RGB 127 158 144	#7F9E90
100.0%	100.0% #8FAB94	RGB 143 171 148	#8FAB94

#4D3E5E #4C496A #555F77 #637984 #70918F #7F9E90 #8FAB94

#4D3E5E - #637984 - #8FAB94

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D3E5E 0%, #637984 50%, #8FAB94 100%);
    background: -webkit-linear-gradient(top, #4D3E5E 0%, #637984 50%, #8FAB94 100%);
    background: linear-gradient(to bottom, #4D3E5E 0%, #637984 50%, #8FAB94 100%);
}
</style>