#5E2D4B - #39080F | 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 #5E2D4B a #39080F

#5E2D4B #39080F

Calcule el color entre dos colores, #5E2D4B y #39080F. 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)

#5E2D4B - #39080F | 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 #5E2D4B como 0% y #39080F como 100%.

0.0%	0.0% #5E2D4B	RGB 94 45 75	#5E2D4B
16.7%	16.7% #572641	RGB 87 38 65	#572641
33.3%	33.3% #512037	RGB 81 32 55	#512037
50.0%	50.0% #4B1A2D	RGB 75 26 45	#4B1A2D
66.7%	66.7% #451423	RGB 69 20 35	#451423
83.3%	83.3% #3F0E19	RGB 63 14 25	#3F0E19
100.0%	100.0% #39080F	RGB 57 8 15	#39080F

#5E2D4B #572641 #512037 #4B1A2D #451423 #3F0E19 #39080F

#5E2D4B - #39080F

Mezcla HSV

#5E2D4B - #39080F | 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 #5E2D4B como 0% y #39080F como 100%.

0.0%	0.0% #5E2D4B	RGB 94 45 75	#5E2D4B
16.7%	16.7% #572540	RGB 87 37 64	#572540
33.3%	33.3% #511D35	RGB 81 29 53	#511D35
50.0%	50.0% #4B172B	RGB 75 23 43	#4B172B
66.7%	66.7% #451121	RGB 69 17 33	#451121
83.3%	83.3% #3F0C17	RGB 63 12 23	#3F0C17
100.0%	100.0% #39080F	RGB 57 8 15	#39080F

#5E2D4B #572540 #511D35 #4B172B #451121 #3F0C17 #39080F

#5E2D4B - #4B172B - #39080F

Códigos CSS

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

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