#960000 - #ED94D4 | 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 #960000 a #ED94D4

#960000 #ED94D4

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

#960000 - #ED94D4 | 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 #960000 como 0% y #ED94D4 como 100%.

0.0%	0.0% #960000	RGB 150 0 0	#960000
16.7%	16.7% #A41823	RGB 164 24 35	#A41823
33.3%	33.3% #B33146	RGB 179 49 70	#B33146
50.0%	50.0% #C14A6A	RGB 193 74 106	#C14A6A
66.7%	66.7% #D0628D	RGB 208 98 141	#D0628D
83.3%	83.3% #DE7BB0	RGB 222 123 176	#DE7BB0
100.0%	100.0% #ED94D4	RGB 237 148 212	#ED94D4

#960000 #A41823 #B33146 #C14A6A #D0628D #DE7BB0 #ED94D4

#960000 - #ED94D4

Mezcla HSV

#960000 - #ED94D4 | 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 #960000 como 0% y #ED94D4 como 100%.

0.0%	0.0% #960000	RGB 150 0 0	#960000
16.7%	16.7% #A41122	RGB 164 17 34	#A41122
33.3%	33.3% #B32547	RGB 179 37 71	#B32547
50.0%	50.0% #C13C6C	RGB 193 60 108	#C13C6C
66.7%	66.7% #D05690	RGB 208 86 144	#D05690
83.3%	83.3% #DE73B3	RGB 222 115 179	#DE73B3
100.0%	100.0% #ED94D4	RGB 237 148 212	#ED94D4

#960000 #A41122 #B32547 #C13C6C #D05690 #DE73B3 #ED94D4

#960000 - #C13C6C - #ED94D4

Códigos CSS

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

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