#8C3E5E - #4D0D1B | 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 #8C3E5E a #4D0D1B

#8C3E5E #4D0D1B

Calcule el color entre dos colores, #8C3E5E y #4D0D1B. 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)

#8C3E5E - #4D0D1B | 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 #8C3E5E como 0% y #4D0D1B como 100%.

0.0%	0.0% #8C3E5E	RGB 140 62 94	#8C3E5E
16.7%	16.7% #813552	RGB 129 53 82	#813552
33.3%	33.3% #772D47	RGB 119 45 71	#772D47
50.0%	50.0% #6C253C	RGB 108 37 60	#6C253C
66.7%	66.7% #621D31	RGB 98 29 49	#621D31
83.3%	83.3% #571526	RGB 87 21 38	#571526
100.0%	100.0% #4D0D1B	RGB 77 13 27	#4D0D1B

#8C3E5E #813552 #772D47 #6C253C #621D31 #571526 #4D0D1B

#8C3E5E - #4D0D1B

Mezcla HSV

#8C3E5E - #4D0D1B | 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 #8C3E5E como 0% y #4D0D1B como 100%.

0.0%	0.0% #8C3E5E	RGB 140 62 94	#8C3E5E
16.7%	16.7% #813350	RGB 129 51 80	#813350
33.3%	33.3% #772944	RGB 119 41 68	#772944
50.0%	50.0% #6C2138	RGB 108 33 56	#6C2138
66.7%	66.7% #62192D	RGB 98 25 45	#62192D
83.3%	83.3% #571223	RGB 87 18 35	#571223
100.0%	100.0% #4D0D1B	RGB 77 13 27	#4D0D1B

#8C3E5E #813350 #772944 #6C2138 #62192D #571223 #4D0D1B

#8C3E5E - #6C2138 - #4D0D1B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C3E5E 0%, #6C2138 50%, #4D0D1B 100%);
    background: -webkit-linear-gradient(top, #8C3E5E 0%, #6C2138 50%, #4D0D1B 100%);
    background: linear-gradient(to bottom, #8C3E5E 0%, #6C2138 50%, #4D0D1B 100%);
}
</style>