#865A8F - #261928 | 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 #865A8F a #261928

#865A8F #261928

Calcule el color entre dos colores, #865A8F y #261928. 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)

#865A8F - #261928 | 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 #865A8F como 0% y #261928 como 100%.

0.0%	0.0% #865A8F	RGB 134 90 143	#865A8F
16.7%	16.7% #764F7D	RGB 118 79 125	#764F7D
33.3%	33.3% #66446C	RGB 102 68 108	#66446C
50.0%	50.0% #56395B	RGB 86 57 91	#56395B
66.7%	66.7% #462E4A	RGB 70 46 74	#462E4A
83.3%	83.3% #362339	RGB 54 35 57	#362339
100.0%	100.0% #261928	RGB 38 25 40	#261928

#865A8F #764F7D #66446C #56395B #462E4A #362339 #261928

#865A8F - #261928

Mezcla HSV

#865A8F - #261928 | 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 #865A8F como 0% y #261928 como 100%.

0.0%	0.0% #865A8F	RGB 134 90 143	#865A8F
16.7%	16.7% #764F7D	RGB 118 79 125	#764F7D
33.3%	33.3% #66446C	RGB 102 68 108	#66446C
50.0%	50.0% #56395B	RGB 86 57 91	#56395B
66.7%	66.7% #462E4A	RGB 70 46 74	#462E4A
83.3%	83.3% #362339	RGB 54 35 57	#362339
100.0%	100.0% #261928	RGB 38 25 40	#261928

#865A8F #764F7D #66446C #56395B #462E4A #362339 #261928

#865A8F - #56395B - #261928

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #865A8F 0%, #56395B 50%, #261928 100%);
    background: -webkit-linear-gradient(top, #865A8F 0%, #56395B 50%, #261928 100%);
    background: linear-gradient(to bottom, #865A8F 0%, #56395B 50%, #261928 100%);
}
</style>