#9C7A8C - #6D2B3C | 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 #9C7A8C a #6D2B3C

#9C7A8C #6D2B3C

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

#9C7A8C - #6D2B3C | 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 #9C7A8C como 0% y #6D2B3C como 100%.

0.0%	0.0% #9C7A8C	RGB 156 122 140	#9C7A8C
16.7%	16.7% #946C7E	RGB 148 108 126	#946C7E
33.3%	33.3% #8C5F71	RGB 140 95 113	#8C5F71
50.0%	50.0% #845264	RGB 132 82 100	#845264
66.7%	66.7% #7C4556	RGB 124 69 86	#7C4556
83.3%	83.3% #743849	RGB 116 56 73	#743849
100.0%	100.0% #6D2B3C	RGB 109 43 60	#6D2B3C

#9C7A8C #946C7E #8C5F71 #845264 #7C4556 #743849 #6D2B3C

#9C7A8C - #6D2B3C

Mezcla HSV

#9C7A8C - #6D2B3C | 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 #9C7A8C como 0% y #6D2B3C como 100%.

0.0%	0.0% #9C7A8C	RGB 156 122 140	#9C7A8C
16.7%	16.7% #946A7E	RGB 148 106 126	#946A7E
33.3%	33.3% #8C5B70	RGB 140 91 112	#8C5B70
50.0%	50.0% #844D63	RGB 132 77 99	#844D63
66.7%	66.7% #7C4155	RGB 124 65 85	#7C4155
83.3%	83.3% #743548	RGB 116 53 72	#743548
100.0%	100.0% #6D2B3C	RGB 109 43 60	#6D2B3C

#9C7A8C #946A7E #8C5B70 #844D63 #7C4155 #743548 #6D2B3C

#9C7A8C - #844D63 - #6D2B3C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9C7A8C 0%, #844D63 50%, #6D2B3C 100%);
    background: -webkit-linear-gradient(top, #9C7A8C 0%, #844D63 50%, #6D2B3C 100%);
    background: linear-gradient(to bottom, #9C7A8C 0%, #844D63 50%, #6D2B3C 100%);
}
</style>