#AD8F7B - #5E2D27 | 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 #AD8F7B a #5E2D27

#AD8F7B #5E2D27

Calcule el color entre dos colores, #AD8F7B y #5E2D27. 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)

#AD8F7B - #5E2D27 | 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 #AD8F7B como 0% y #5E2D27 como 100%.

0.0%	0.0% #AD8F7B	RGB 173 143 123	#AD8F7B
16.7%	16.7% #9F7E6D	RGB 159 126 109	#9F7E6D
33.3%	33.3% #926E5F	RGB 146 110 95	#926E5F
50.0%	50.0% #855E51	RGB 133 94 81	#855E51
66.7%	66.7% #784D43	RGB 120 77 67	#784D43
83.3%	83.3% #6B3D35	RGB 107 61 53	#6B3D35
100.0%	100.0% #5E2D27	RGB 94 45 39	#5E2D27

#AD8F7B #9F7E6D #926E5F #855E51 #784D43 #6B3D35 #5E2D27

#AD8F7B - #5E2D27

Mezcla HSV

#AD8F7B - #5E2D27 | 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 #AD8F7B como 0% y #5E2D27 como 100%.

0.0%	0.0% #AD8F7B	RGB 173 143 123	#AD8F7B
16.7%	16.7% #9F7C69	RGB 159 124 105	#9F7C69
33.3%	33.3% #926B59	RGB 146 107 89	#926B59
50.0%	50.0% #855A4B	RGB 133 90 75	#855A4B
66.7%	66.7% #78493D	RGB 120 73 61	#78493D
83.3%	83.3% #6B3A31	RGB 107 58 49	#6B3A31
100.0%	100.0% #5E2D27	RGB 94 45 39	#5E2D27

#AD8F7B #9F7C69 #926B59 #855A4B #78493D #6B3A31 #5E2D27

#AD8F7B - #855A4B - #5E2D27

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AD8F7B 0%, #855A4B 50%, #5E2D27 100%);
    background: -webkit-linear-gradient(top, #AD8F7B 0%, #855A4B 50%, #5E2D27 100%);
    background: linear-gradient(to bottom, #AD8F7B 0%, #855A4B 50%, #5E2D27 100%);
}
</style>