#5E3E5D - #4D0743 | 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 #5E3E5D a #4D0743

#5E3E5D #4D0743

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

#5E3E5D - #4D0743 | 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 #5E3E5D como 0% y #4D0743 como 100%.

0.0%	0.0% #5E3E5D	RGB 94 62 93	#5E3E5D
16.7%	16.7% #5B3458	RGB 91 52 88	#5B3458
33.3%	33.3% #582B54	RGB 88 43 84	#582B54
50.0%	50.0% #552250	RGB 85 34 80	#552250
66.7%	66.7% #52194B	RGB 82 25 75	#52194B
83.3%	83.3% #4F1047	RGB 79 16 71	#4F1047
100.0%	100.0% #4D0743	RGB 77 7 67	#4D0743

#5E3E5D #5B3458 #582B54 #552250 #52194B #4F1047 #4D0743

#5E3E5D - #4D0743

Mezcla HSV

#5E3E5D - #4D0743 | 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 #5E3E5D como 0% y #4D0743 como 100%.

0.0%	0.0% #5E3E5D	RGB 94 62 93	#5E3E5D
16.7%	16.7% #5B3359	RGB 91 51 89	#5B3359
33.3%	33.3% #582955	RGB 88 41 85	#582955
50.0%	50.0% #552050	RGB 85 32 80	#552050
66.7%	66.7% #52174C	RGB 82 23 76	#52174C
83.3%	83.3% #4F0E47	RGB 79 14 71	#4F0E47
100.0%	100.0% #4D0743	RGB 77 7 67	#4D0743

#5E3E5D #5B3359 #582955 #552050 #52174C #4F0E47 #4D0743

#5E3E5D - #552050 - #4D0743

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E5D 0%, #552050 50%, #4D0743 100%);
    background: -webkit-linear-gradient(top, #5E3E5D 0%, #552050 50%, #4D0743 100%);
    background: linear-gradient(to bottom, #5E3E5D 0%, #552050 50%, #4D0743 100%);
}
</style>