#96306D - #EB808C | 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 #96306D a #EB808C

#96306D #EB808C

Calcule el color entre dos colores, #96306D y #EB808C. 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)

#96306D - #EB808C | 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 #96306D como 0% y #EB808C como 100%.

0.0%	0.0% #96306D	RGB 150 48 109	#96306D
16.7%	16.7% #A43D72	RGB 164 61 114	#A43D72
33.3%	33.3% #B24A77	RGB 178 74 119	#B24A77
50.0%	50.0% #C0587C	RGB 192 88 124	#C0587C
66.7%	66.7% #CE6581	RGB 206 101 129	#CE6581
83.3%	83.3% #DC7286	RGB 220 114 134	#DC7286
100.0%	100.0% #EB808C	RGB 235 128 140	#EB808C

#96306D #A43D72 #B24A77 #C0587C #CE6581 #DC7286 #EB808C

#96306D - #EB808C

Mezcla HSV

#96306D - #EB808C | 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 #96306D como 0% y #EB808C como 100%.

0.0%	0.0% #96306D	RGB 150 48 109	#96306D
16.7%	16.7% #A43A71	RGB 164 58 113	#A43A71
33.3%	33.3% #B24675	RGB 178 70 117	#B24675
50.0%	50.0% #C0537A	RGB 192 83 122	#C0537A
66.7%	66.7% #CE617F	RGB 206 97 127	#CE617F
83.3%	83.3% #DC7085	RGB 220 112 133	#DC7085
100.0%	100.0% #EB808C	RGB 235 128 140	#EB808C

#96306D #A43A71 #B24675 #C0537A #CE617F #DC7085 #EB808C

#96306D - #C0537A - #EB808C

Códigos CSS

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

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