#570000 - #CFB6B6 | 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 #570000 a #CFB6B6

#570000 #CFB6B6

Calcule el color entre dos colores, #570000 y #CFB6B6. 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)

#570000 - #CFB6B6 | 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 #570000 como 0% y #CFB6B6 como 100%.

0.0%	0.0% #570000	RGB 87 0 0	#570000
16.7%	16.7% #6B1E1E	RGB 107 30 30	#6B1E1E
33.3%	33.3% #7F3C3C	RGB 127 60 60	#7F3C3C
50.0%	50.0% #935B5B	RGB 147 91 91	#935B5B
66.7%	66.7% #A77979	RGB 167 121 121	#A77979
83.3%	83.3% #BB9797	RGB 187 151 151	#BB9797
100.0%	100.0% #CFB6B6	RGB 207 182 182	#CFB6B6

#570000 #6B1E1E #7F3C3C #935B5B #A77979 #BB9797 #CFB6B6

#570000 - #CFB6B6

Mezcla HSV

#570000 - #CFB6B6 | 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 #570000 como 0% y #CFB6B6 como 100%.

0.0%	0.0% #570000	RGB 87 0 0	#570000
16.7%	16.7% #6B0F0F	RGB 107 15 15	#6B0F0F
33.3%	33.3% #7F2525	RGB 127 37 37	#7F2525
50.0%	50.0% #934040	RGB 147 64 64	#934040
66.7%	66.7% #A76161	RGB 167 97 97	#A76161
83.3%	83.3% #BB8989	RGB 187 137 137	#BB8989
100.0%	100.0% #CFB6B6	RGB 207 182 182	#CFB6B6

#570000 #6B0F0F #7F2525 #934040 #A76161 #BB8989 #CFB6B6

#570000 - #934040 - #CFB6B6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #570000 0%, #934040 50%, #CFB6B6 100%);
    background: -webkit-linear-gradient(top, #570000 0%, #934040 50%, #CFB6B6 100%);
    background: linear-gradient(to bottom, #570000 0%, #934040 50%, #CFB6B6 100%);
}
</style>