#3B1B2D - #6D4966 | 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 #3B1B2D a #6D4966

#3B1B2D #6D4966

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

#3B1B2D - #6D4966 | 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 #3B1B2D como 0% y #6D4966 como 100%.

0.0%	0.0% #3B1B2D	RGB 59 27 45	#3B1B2D
16.7%	16.7% #432236	RGB 67 34 54	#432236
33.3%	33.3% #4B2A40	RGB 75 42 64	#4B2A40
50.0%	50.0% #543249	RGB 84 50 73	#543249
66.7%	66.7% #5C3953	RGB 92 57 83	#5C3953
83.3%	83.3% #64415C	RGB 100 65 92	#64415C
100.0%	100.0% #6D4966	RGB 109 73 102	#6D4966

#3B1B2D #432236 #4B2A40 #543249 #5C3953 #64415C #6D4966

#3B1B2D - #6D4966

Mezcla HSV

#3B1B2D - #6D4966 | 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 #3B1B2D como 0% y #6D4966 como 100%.

0.0%	0.0% #3B1B2D	RGB 59 27 45	#3B1B2D
16.7%	16.7% #432135	RGB 67 33 53	#432135
33.3%	33.3% #4B273E	RGB 75 39 62	#4B273E
50.0%	50.0% #542F48	RGB 84 47 72	#542F48
66.7%	66.7% #5C3752	RGB 92 55 82	#5C3752
83.3%	83.3% #643F5C	RGB 100 63 92	#643F5C
100.0%	100.0% #6D4966	RGB 109 73 102	#6D4966

#3B1B2D #432135 #4B273E #542F48 #5C3752 #643F5C #6D4966

#3B1B2D - #542F48 - #6D4966

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B1B2D 0%, #542F48 50%, #6D4966 100%);
    background: -webkit-linear-gradient(top, #3B1B2D 0%, #542F48 50%, #6D4966 100%);
    background: linear-gradient(to bottom, #3B1B2D 0%, #542F48 50%, #6D4966 100%);
}
</style>