#6B5151 - #DB9D7A | 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 #6B5151 a #DB9D7A

#6B5151 #DB9D7A

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

#6B5151 - #DB9D7A | 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 #6B5151 como 0% y #DB9D7A como 100%.

0.0%	0.0% #6B5151	RGB 107 81 81	#6B5151
16.7%	16.7% #7D5D57	RGB 125 93 87	#7D5D57
33.3%	33.3% #906A5E	RGB 144 106 94	#906A5E
50.0%	50.0% #A37765	RGB 163 119 101	#A37765
66.7%	66.7% #B5836C	RGB 181 131 108	#B5836C
83.3%	83.3% #C89073	RGB 200 144 115	#C89073
100.0%	100.0% #DB9D7A	RGB 219 157 122	#DB9D7A

#6B5151 #7D5D57 #906A5E #A37765 #B5836C #C89073 #DB9D7A

#6B5151 - #DB9D7A

Mezcla HSV

#6B5151 - #DB9D7A | 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 #6B5151 como 0% y #DB9D7A como 100%.

0.0%	0.0% #6B5151	RGB 107 81 81	#6B5151
16.7%	16.7% #7D5D5A	RGB 125 93 90	#7D5D5A
33.3%	33.3% #906963	RGB 144 105 99	#906963
50.0%	50.0% #A3756B	RGB 163 117 107	#A3756B
66.7%	66.7% #B58171	RGB 181 129 113	#B58171
83.3%	83.3% #C88E76	RGB 200 142 118	#C88E76
100.0%	100.0% #DB9D7A	RGB 219 157 122	#DB9D7A

#6B5151 #7D5D5A #906963 #A3756B #B58171 #C88E76 #DB9D7A

#6B5151 - #A3756B - #DB9D7A

Códigos CSS

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

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