#4D3C5E - #965FD0 | 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 #4D3C5E a #965FD0

#4D3C5E #965FD0

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

#4D3C5E - #965FD0 | 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 #4D3C5E como 0% y #965FD0 como 100%.

0.0%	0.0% #4D3C5E	RGB 77 60 94	#4D3C5E
16.7%	16.7% #594171	RGB 89 65 113	#594171
33.3%	33.3% #654784	RGB 101 71 132	#654784
50.0%	50.0% #714D97	RGB 113 77 151	#714D97
66.7%	66.7% #7D53AA	RGB 125 83 170	#7D53AA
83.3%	83.3% #8959BD	RGB 137 89 189	#8959BD
100.0%	100.0% #965FD0	RGB 150 95 208	#965FD0

#4D3C5E #594171 #654784 #714D97 #7D53AA #8959BD #965FD0

#4D3C5E - #965FD0

Mezcla HSV

#4D3C5E - #965FD0 | 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 #4D3C5E como 0% y #965FD0 como 100%.

0.0%	0.0% #4D3C5E	RGB 77 60 94	#4D3C5E
16.7%	16.7% #5A4471	RGB 90 68 113	#5A4471
33.3%	33.3% #674C84	RGB 103 76 132	#674C84
50.0%	50.0% #745297	RGB 116 82 151	#745297
66.7%	66.7% #8057AA	RGB 128 87 170	#8057AA
83.3%	83.3% #8B5CBD	RGB 139 92 189	#8B5CBD
100.0%	100.0% #965FD0	RGB 150 95 208	#965FD0

#4D3C5E #5A4471 #674C84 #745297 #8057AA #8B5CBD #965FD0

#4D3C5E - #745297 - #965FD0

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D3C5E 0%, #745297 50%, #965FD0 100%);
    background: -webkit-linear-gradient(top, #4D3C5E 0%, #745297 50%, #965FD0 100%);
    background: linear-gradient(to bottom, #4D3C5E 0%, #745297 50%, #965FD0 100%);
}
</style>