#960036 - #CD8FF6 | 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 #960036 a #CD8FF6

#960036 #CD8FF6

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

#960036 - #CD8FF6 | 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 #960036 como 0% y #CD8FF6 como 100%.

0.0%	0.0% #960036	RGB 150 0 54	#960036
16.7%	16.7% #9F1756	RGB 159 23 86	#9F1756
33.3%	33.3% #A82F76	RGB 168 47 118	#A82F76
50.0%	50.0% #B14796	RGB 177 71 150	#B14796
66.7%	66.7% #BA5FB6	RGB 186 95 182	#BA5FB6
83.3%	83.3% #C377D6	RGB 195 119 214	#C377D6
100.0%	100.0% #CD8FF6	RGB 205 143 246	#CD8FF6

#960036 #9F1756 #A82F76 #B14796 #BA5FB6 #C377D6 #CD8FF6

#960036 - #CD8FF6

Mezcla HSV

#960036 - #CD8FF6 | 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 #960036 como 0% y #CD8FF6 como 100%.

0.0%	0.0% #960036	RGB 150 0 54	#960036
16.7%	16.7% #A6105F	RGB 166 16 95	#A6105F
33.3%	33.3% #B6238A	RGB 182 35 138	#B6238A
50.0%	50.0% #C639B5	RGB 198 57 181	#C639B5
66.7%	66.7% #CF52D6	RGB 207 82 214	#CF52D6
83.3%	83.3% #CB6FE6	RGB 203 111 230	#CB6FE6
100.0%	100.0% #CD8FF6	RGB 205 143 246	#CD8FF6

#960036 #A6105F #B6238A #C639B5 #CF52D6 #CB6FE6 #CD8FF6

#960036 - #C639B5 - #CD8FF6

Códigos CSS

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

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