#96005A - #390019 | 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 #96005A a #390019

#96005A #390019

Calcule el color entre dos colores, #96005A y #390019. 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)

#96005A - #390019 | 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 #96005A como 0% y #390019 como 100%.

0.0%	0.0% #96005A	RGB 150 0 90	#96005A
16.7%	16.7% #86004F	RGB 134 0 79	#86004F
33.3%	33.3% #770044	RGB 119 0 68	#770044
50.0%	50.0% #670039	RGB 103 0 57	#670039
66.7%	66.7% #58002E	RGB 88 0 46	#58002E
83.3%	83.3% #480023	RGB 72 0 35	#480023
100.0%	100.0% #390019	RGB 57 0 25	#390019

#96005A #86004F #770044 #670039 #58002E #480023 #390019

#96005A - #390019

Mezcla HSV

#96005A - #390019 | 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 #96005A como 0% y #390019 como 100%.

0.0%	0.0% #96005A	RGB 150 0 90	#96005A
16.7%	16.7% #86004D	RGB 134 0 77	#86004D
33.3%	33.3% #770040	RGB 119 0 64	#770040
50.0%	50.0% #670035	RGB 103 0 53	#670035
66.7%	66.7% #58002B	RGB 88 0 43	#58002B
83.3%	83.3% #480021	RGB 72 0 33	#480021
100.0%	100.0% #390019	RGB 57 0 25	#390019

#96005A #86004D #770040 #670035 #58002B #480021 #390019

#96005A - #670035 - #390019

Códigos CSS

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

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