#38563C - #8277C4 | 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 #38563C a #8277C4

#38563C #8277C4

Calcule el color entre dos colores, #38563C y #8277C4. 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)

#38563C - #8277C4 | 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 #38563C como 0% y #8277C4 como 100%.

0.0%	0.0% #38563C	RGB 56 86 60	#38563C
16.7%	16.7% #445B52	RGB 68 91 82	#445B52
33.3%	33.3% #506169	RGB 80 97 105	#506169
50.0%	50.0% #5D6680	RGB 93 102 128	#5D6680
66.7%	66.7% #696C96	RGB 105 108 150	#696C96
83.3%	83.3% #7571AD	RGB 117 113 173	#7571AD
100.0%	100.0% #8277C4	RGB 130 119 196	#8277C4

#38563C #445B52 #506169 #5D6680 #696C96 #7571AD #8277C4

#38563C - #8277C4

Mezcla HSV

#38563C - #8277C4 | 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 #38563C como 0% y #8277C4 como 100%.

0.0%	0.0% #38563C	RGB 56 86 60	#38563C
16.7%	16.7% #436854	RGB 67 104 84	#436854
33.3%	33.3% #4E7A71	RGB 78 122 113	#4E7A71
50.0%	50.0% #58858D	RGB 88 133 141	#58858D
66.7%	66.7% #63829F	RGB 99 130 159	#63829F
83.3%	83.3% #6D7AB1	RGB 109 122 177	#6D7AB1
100.0%	100.0% #8277C4	RGB 130 119 196	#8277C4

#38563C #436854 #4E7A71 #58858D #63829F #6D7AB1 #8277C4

#38563C - #58858D - #8277C4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #38563C 0%, #58858D 50%, #8277C4 100%);
    background: -webkit-linear-gradient(top, #38563C 0%, #58858D 50%, #8277C4 100%);
    background: linear-gradient(to bottom, #38563C 0%, #58858D 50%, #8277C4 100%);
}
</style>