#3E2F5E - #BC767E | 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 #3E2F5E a #BC767E

#3E2F5E #BC767E

Calcule el color entre dos colores, #3E2F5E y #BC767E. 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)

#3E2F5E - #BC767E | 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 #3E2F5E como 0% y #BC767E como 100%.

0.0%	0.0% #3E2F5E	RGB 62 47 94	#3E2F5E
16.7%	16.7% #533A63	RGB 83 58 99	#533A63
33.3%	33.3% #684668	RGB 104 70 104	#684668
50.0%	50.0% #7D526E	RGB 125 82 110	#7D526E
66.7%	66.7% #925E73	RGB 146 94 115	#925E73
83.3%	83.3% #A76A78	RGB 167 106 120	#A76A78
100.0%	100.0% #BC767E	RGB 188 118 126	#BC767E

#3E2F5E #533A63 #684668 #7D526E #925E73 #A76A78 #BC767E

#3E2F5E - #BC767E

Mezcla HSV

#3E2F5E - #BC767E | 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 #3E2F5E como 0% y #BC767E como 100%.

0.0%	0.0% #3E2F5E	RGB 62 47 94	#3E2F5E
16.7%	16.7% #57396D	RGB 87 57 109	#57396D
33.3%	33.3% #74447D	RGB 116 68 125	#74447D
50.0%	50.0% #8D4F86	RGB 141 79 134	#8D4F86
66.7%	66.7% #9C5B85	RGB 156 91 133	#9C5B85
83.3%	83.3% #AC6881	RGB 172 104 129	#AC6881
100.0%	100.0% #BC767E	RGB 188 118 126	#BC767E

#3E2F5E #57396D #74447D #8D4F86 #9C5B85 #AC6881 #BC767E

#3E2F5E - #8D4F86 - #BC767E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E2F5E 0%, #8D4F86 50%, #BC767E 100%);
    background: -webkit-linear-gradient(top, #3E2F5E 0%, #8D4F86 50%, #BC767E 100%);
    background: linear-gradient(to bottom, #3E2F5E 0%, #8D4F86 50%, #BC767E 100%);
}
</style>