#A28A7B - #81492A | 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 #A28A7B a #81492A

#A28A7B #81492A

Calcule el color entre dos colores, #A28A7B y #81492A. 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)

#A28A7B - #81492A | 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 #A28A7B como 0% y #81492A como 100%.

0.0%	0.0% #A28A7B	RGB 162 138 123	#A28A7B
16.7%	16.7% #9C7F6D	RGB 156 127 109	#9C7F6D
33.3%	33.3% #977460	RGB 151 116 96	#977460
50.0%	50.0% #916952	RGB 145 105 82	#916952
66.7%	66.7% #8C5E45	RGB 140 94 69	#8C5E45
83.3%	83.3% #865337	RGB 134 83 55	#865337
100.0%	100.0% #81492A	RGB 129 73 42	#81492A

#A28A7B #9C7F6D #977460 #916952 #8C5E45 #865337 #81492A

#A28A7B - #81492A

Mezcla HSV

#A28A7B - #81492A | 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 #A28A7B como 0% y #81492A como 100%.

0.0%	0.0% #A28A7B	RGB 162 138 123	#A28A7B
16.7%	16.7% #9C7E6B	RGB 156 126 107	#9C7E6B
33.3%	33.3% #97725C	RGB 151 114 92	#97725C
50.0%	50.0% #91674E	RGB 145 103 78	#91674E
66.7%	66.7% #8C5C41	RGB 140 92 65	#8C5C41
83.3%	83.3% #865235	RGB 134 82 53	#865235
100.0%	100.0% #81492A	RGB 129 73 42	#81492A

#A28A7B #9C7E6B #97725C #91674E #8C5C41 #865235 #81492A

#A28A7B - #91674E - #81492A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A28A7B 0%, #91674E 50%, #81492A 100%);
    background: -webkit-linear-gradient(top, #A28A7B 0%, #91674E 50%, #81492A 100%);
    background: linear-gradient(to bottom, #A28A7B 0%, #91674E 50%, #81492A 100%);
}
</style>