#960060 - #E1B6D1 | 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 #960060 a #E1B6D1

#960060 #E1B6D1

Calcule el color entre dos colores, #960060 y #E1B6D1. 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)

#960060 - #E1B6D1 | 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 #960060 como 0% y #E1B6D1 como 100%.

0.0%	0.0% #960060	RGB 150 0 96	#960060
16.7%	16.7% #A21E72	RGB 162 30 114	#A21E72
33.3%	33.3% #AF3C85	RGB 175 60 133	#AF3C85
50.0%	50.0% #BB5B98	RGB 187 91 152	#BB5B98
66.7%	66.7% #C879AB	RGB 200 121 171	#C879AB
83.3%	83.3% #D497BE	RGB 212 151 190	#D497BE
100.0%	100.0% #E1B6D1	RGB 225 182 209	#E1B6D1

#960060 #A21E72 #AF3C85 #BB5B98 #C879AB #D497BE #E1B6D1

#960060 - #E1B6D1

Mezcla HSV

#960060 - #E1B6D1 | 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 #960060 como 0% y #E1B6D1 como 100%.

0.0%	0.0% #960060	RGB 150 0 96	#960060
16.7%	16.7% #A2156F	RGB 162 21 111	#A2156F
33.3%	33.3% #AF2F80	RGB 175 47 128	#AF2F80
50.0%	50.0% #BB4B92	RGB 187 75 146	#BB4B92
66.7%	66.7% #C86BA6	RGB 200 107 166	#C86BA6
83.3%	83.3% #D48FBA	RGB 212 143 186	#D48FBA
100.0%	100.0% #E1B6D1	RGB 225 182 209	#E1B6D1

#960060 #A2156F #AF2F80 #BB4B92 #C86BA6 #D48FBA #E1B6D1

#960060 - #BB4B92 - #E1B6D1

Códigos CSS

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

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