#541E5E - #B05E62 | 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 #541E5E a #B05E62

#541E5E #B05E62

Calcule el color entre dos colores, #541E5E y #B05E62. 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)

#541E5E - #B05E62 | 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 #541E5E como 0% y #B05E62 como 100%.

0.0%	0.0% #541E5E	RGB 84 30 94	#541E5E
16.7%	16.7% #63285E	RGB 99 40 94	#63285E
33.3%	33.3% #72335F	RGB 114 51 95	#72335F
50.0%	50.0% #823E60	RGB 130 62 96	#823E60
66.7%	66.7% #914860	RGB 145 72 96	#914860
83.3%	83.3% #A05361	RGB 160 83 97	#A05361
100.0%	100.0% #B05E62	RGB 176 94 98	#B05E62

#541E5E #63285E #72335F #823E60 #914860 #A05361 #B05E62

#541E5E - #B05E62

Mezcla HSV

#541E5E - #B05E62 | 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 #541E5E como 0% y #B05E62 como 100%.

0.0%	0.0% #541E5E	RGB 84 30 94	#541E5E
16.7%	16.7% #6B2669	RGB 107 38 105	#6B2669
33.3%	33.3% #792F69	RGB 121 47 105	#792F69
50.0%	50.0% #873968	RGB 135 57 104	#873968
66.7%	66.7% #944466	RGB 148 68 102	#944466
83.3%	83.3% #A25063	RGB 162 80 99	#A25063
100.0%	100.0% #B05E62	RGB 176 94 98	#B05E62

#541E5E #6B2669 #792F69 #873968 #944466 #A25063 #B05E62

#541E5E - #873968 - #B05E62

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #541E5E 0%, #873968 50%, #B05E62 100%);
    background: -webkit-linear-gradient(top, #541E5E 0%, #873968 50%, #B05E62 100%);
    background: linear-gradient(to bottom, #541E5E 0%, #873968 50%, #B05E62 100%);
}
</style>