#8F5E8D - #361D3E | 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 #8F5E8D a #361D3E

#8F5E8D #361D3E

Calcule el color entre dos colores, #8F5E8D y #361D3E. 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)

#8F5E8D - #361D3E | 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 #8F5E8D como 0% y #361D3E como 100%.

0.0%	0.0% #8F5E8D	RGB 143 94 141	#8F5E8D
16.7%	16.7% #80537F	RGB 128 83 127	#80537F
33.3%	33.3% #714872	RGB 113 72 114	#714872
50.0%	50.0% #623D65	RGB 98 61 101	#623D65
66.7%	66.7% #533258	RGB 83 50 88	#533258
83.3%	83.3% #44274B	RGB 68 39 75	#44274B
100.0%	100.0% #361D3E	RGB 54 29 62	#361D3E

#8F5E8D #80537F #714872 #623D65 #533258 #44274B #361D3E

#8F5E8D - #361D3E

Mezcla HSV

#8F5E8D - #361D3E | 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 #8F5E8D como 0% y #361D3E como 100%.

0.0%	0.0% #8F5E8D	RGB 143 94 141	#8F5E8D
16.7%	16.7% #815181	RGB 129 81 129	#815181
33.3%	33.3% #714474	RGB 113 68 116	#714474
50.0%	50.0% #613966	RGB 97 57 102	#613966
66.7%	66.7% #522F59	RGB 82 47 89	#522F59
83.3%	83.3% #44254B	RGB 68 37 75	#44254B
100.0%	100.0% #361D3E	RGB 54 29 62	#361D3E

#8F5E8D #815181 #714474 #613966 #522F59 #44254B #361D3E

#8F5E8D - #613966 - #361D3E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8F5E8D 0%, #613966 50%, #361D3E 100%);
    background: -webkit-linear-gradient(top, #8F5E8D 0%, #613966 50%, #361D3E 100%);
    background: linear-gradient(to bottom, #8F5E8D 0%, #613966 50%, #361D3E 100%);
}
</style>