#554656 - #9F67CD | 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 #554656 a #9F67CD

#554656 #9F67CD

Calcule el color entre dos colores, #554656 y #9F67CD. 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)

#554656 - #9F67CD | 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 #554656 como 0% y #9F67CD como 100%.

0.0%	0.0% #554656	RGB 85 70 86	#554656
16.7%	16.7% #614B69	RGB 97 75 105	#614B69
33.3%	33.3% #6D517D	RGB 109 81 125	#6D517D
50.0%	50.0% #7A5691	RGB 122 86 145	#7A5691
66.7%	66.7% #865CA5	RGB 134 92 165	#865CA5
83.3%	83.3% #9261B9	RGB 146 97 185	#9261B9
100.0%	100.0% #9F67CD	RGB 159 103 205	#9F67CD

#554656 #614B69 #6D517D #7A5691 #865CA5 #9261B9 #9F67CD

#554656 - #9F67CD

Mezcla HSV

#554656 - #9F67CD | 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 #554656 como 0% y #9F67CD como 100%.

0.0%	0.0% #554656	RGB 85 70 86	#554656
16.7%	16.7% #665069	RGB 102 80 105	#665069
33.3%	33.3% #76597D	RGB 118 89 125	#76597D
50.0%	50.0% #845F91	RGB 132 95 145	#845F91
66.7%	66.7% #9064A5	RGB 144 100 165	#9064A5
83.3%	83.3% #9966B9	RGB 153 102 185	#9966B9
100.0%	100.0% #9F67CD	RGB 159 103 205	#9F67CD

#554656 #665069 #76597D #845F91 #9064A5 #9966B9 #9F67CD

#554656 - #845F91 - #9F67CD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #554656 0%, #845F91 50%, #9F67CD 100%);
    background: -webkit-linear-gradient(top, #554656 0%, #845F91 50%, #9F67CD 100%);
    background: linear-gradient(to bottom, #554656 0%, #845F91 50%, #9F67CD 100%);
}
</style>