#85655C - #EEAF7E | 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 #85655C a #EEAF7E

#85655C #EEAF7E

Calcule el color entre dos colores, #85655C y #EEAF7E. 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)

#85655C - #EEAF7E | 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 #85655C como 0% y #EEAF7E como 100%.

0.0%	0.0% #85655C	RGB 133 101 92	#85655C
16.7%	16.7% #967161	RGB 150 113 97	#967161
33.3%	33.3% #A87D67	RGB 168 125 103	#A87D67
50.0%	50.0% #B98A6D	RGB 185 138 109	#B98A6D
66.7%	66.7% #CB9672	RGB 203 150 114	#CB9672
83.3%	83.3% #DCA278	RGB 220 162 120	#DCA278
100.0%	100.0% #EEAF7E	RGB 238 175 126	#EEAF7E

#85655C #967161 #A87D67 #B98A6D #CB9672 #DCA278 #EEAF7E

#85655C - #EEAF7E

Mezcla HSV

#85655C - #EEAF7E | 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 #85655C como 0% y #EEAF7E como 100%.

0.0%	0.0% #85655C	RGB 133 101 92	#85655C
16.7%	16.7% #967064	RGB 150 112 100	#967064
33.3%	33.3% #A87C6B	RGB 168 124 107	#A87C6B
50.0%	50.0% #B98871	RGB 185 136 113	#B98871
66.7%	66.7% #CB9576	RGB 203 149 118	#CB9576
83.3%	83.3% #DCA17A	RGB 220 161 122	#DCA17A
100.0%	100.0% #EEAF7E	RGB 238 175 126	#EEAF7E

#85655C #967064 #A87C6B #B98871 #CB9576 #DCA17A #EEAF7E

#85655C - #B98871 - #EEAF7E

Códigos CSS

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

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