#960060 - #EB4780 | 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 #EB4780

#960060 #EB4780

Calcule el color entre dos colores, #960060 y #EB4780. 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 - #EB4780 | 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 #EB4780 como 100%.

0.0%	0.0% #960060	RGB 150 0 96	#960060
16.7%	16.7% #A40B65	RGB 164 11 101	#A40B65
33.3%	33.3% #B2176A	RGB 178 23 106	#B2176A
50.0%	50.0% #C02370	RGB 192 35 112	#C02370
66.7%	66.7% #CE2F75	RGB 206 47 117	#CE2F75
83.3%	83.3% #DC3B7A	RGB 220 59 122	#DC3B7A
100.0%	100.0% #EB4780	RGB 235 71 128	#EB4780

#960060 #A40B65 #B2176A #C02370 #CE2F75 #DC3B7A #EB4780

#960060 - #EB4780

Mezcla HSV

#960060 - #EB4780 | 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 #EB4780 como 100%.

0.0%	0.0% #960060	RGB 150 0 96	#960060
16.7%	16.7% #A40864	RGB 164 8 100	#A40864
33.3%	33.3% #B21168	RGB 178 17 104	#B21168
50.0%	50.0% #C01D6D	RGB 192 29 109	#C01D6D
66.7%	66.7% #CE2973	RGB 206 41 115	#CE2973
83.3%	83.3% #DC3779	RGB 220 55 121	#DC3779
100.0%	100.0% #EB4780	RGB 235 71 128	#EB4780

#960060 #A40864 #B21168 #C01D6D #CE2973 #DC3779 #EB4780

#960060 - #C01D6D - #EB4780

Códigos CSS

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

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