#AD5E5E - #731D0F | 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 #AD5E5E a #731D0F

#AD5E5E #731D0F

Calcule el color entre dos colores, #AD5E5E y #731D0F. 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)

#AD5E5E - #731D0F | 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 #AD5E5E como 0% y #731D0F como 100%.

0.0%	0.0% #AD5E5E	RGB 173 94 94	#AD5E5E
16.7%	16.7% #A35350	RGB 163 83 80	#A35350
33.3%	33.3% #994843	RGB 153 72 67	#994843
50.0%	50.0% #903D36	RGB 144 61 54	#903D36
66.7%	66.7% #863229	RGB 134 50 41	#863229
83.3%	83.3% #7C271C	RGB 124 39 28	#7C271C
100.0%	100.0% #731D0F	RGB 115 29 15	#731D0F

#AD5E5E #A35350 #994843 #903D36 #863229 #7C271C #731D0F

#AD5E5E - #731D0F

Mezcla HSV

#AD5E5E - #731D0F | 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 #AD5E5E como 0% y #731D0F como 100%.

0.0%	0.0% #AD5E5E	RGB 173 94 94	#AD5E5E
16.7%	16.7% #A34F4D	RGB 163 79 77	#A34F4D
33.3%	33.3% #99423E	RGB 153 66 62	#99423E
50.0%	50.0% #903730	RGB 144 55 48	#903730
66.7%	66.7% #862D24	RGB 134 45 36	#862D24
83.3%	83.3% #7C2418	RGB 124 36 24	#7C2418
100.0%	100.0% #731D0F	RGB 115 29 15	#731D0F

#AD5E5E #A34F4D #99423E #903730 #862D24 #7C2418 #731D0F

#AD5E5E - #903730 - #731D0F

Códigos CSS

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

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