#960B5E - #EA537B | 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 #960B5E a #EA537B

#960B5E #EA537B

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

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

0.0%	0.0% #960B5E	RGB 150 11 94	#960B5E
16.7%	16.7% #A41762	RGB 164 23 98	#A41762
33.3%	33.3% #B22367	RGB 178 35 103	#B22367
50.0%	50.0% #C02F6C	RGB 192 47 108	#C02F6C
66.7%	66.7% #CE3B71	RGB 206 59 113	#CE3B71
83.3%	83.3% #DC4776	RGB 220 71 118	#DC4776
100.0%	100.0% #EA537B	RGB 234 83 123	#EA537B

#960B5E #A41762 #B22367 #C02F6C #CE3B71 #DC4776 #EA537B

#960B5E - #EA537B

Mezcla HSV

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

0.0%	0.0% #960A5E	RGB 150 10 94	#960A5E
16.7%	16.7% #A41361	RGB 164 19 97	#A41361
33.3%	33.3% #B21D65	RGB 178 29 101	#B21D65
50.0%	50.0% #C0296A	RGB 192 41 106	#C0296A
66.7%	66.7% #CE356E	RGB 206 53 110	#CE356E
83.3%	83.3% #DC4374	RGB 220 67 116	#DC4374
100.0%	100.0% #EA537B	RGB 234 83 123	#EA537B

#960A5E #A41361 #B21D65 #C0296A #CE356E #DC4374 #EA537B

#960B5E - #C0296A - #EA537B

Códigos CSS

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

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