#960A5E - #EA527B | 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 #960A5E a #EA527B

#960A5E #EA527B

Calcule el color entre dos colores, #960A5E y #EA527B. 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)

#960A5E - #EA527B | 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 #960A5E como 0% y #EA527B como 100%.

0.0%	0.0% #960A5E	RGB 150 10 94	#960A5E
16.7%	16.7% #A41662	RGB 164 22 98	#A41662
33.3%	33.3% #B22267	RGB 178 34 103	#B22267
50.0%	50.0% #C02E6C	RGB 192 46 108	#C02E6C
66.7%	66.7% #CE3A71	RGB 206 58 113	#CE3A71
83.3%	83.3% #DC4676	RGB 220 70 118	#DC4676
100.0%	100.0% #EA527B	RGB 234 82 123	#EA527B

#960A5E #A41662 #B22267 #C02E6C #CE3A71 #DC4676 #EA527B

#960A5E - #EA527B

Mezcla HSV

#960A5E - #EA527B | 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 #960A5E como 0% y #EA527B como 100%.

0.0%	0.0% #96095E	RGB 150 9 94	#96095E
16.7%	16.7% #A41261	RGB 164 18 97	#A41261
33.3%	33.3% #B21C65	RGB 178 28 101	#B21C65
50.0%	50.0% #C0286A	RGB 192 40 106	#C0286A
66.7%	66.7% #CE346E	RGB 206 52 110	#CE346E
83.3%	83.3% #DC4274	RGB 220 66 116	#DC4274
100.0%	100.0% #EA527B	RGB 234 82 123	#EA527B

#96095E #A41261 #B21C65 #C0286A #CE346E #DC4274 #EA527B

#960A5E - #C0286A - #EA527B

Códigos CSS

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

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