#A97B7F - #E6D9DA | 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 #A97B7F a #E6D9DA

#A97B7F #E6D9DA

Calcule el color entre dos colores, #A97B7F y #E6D9DA. 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)

#A97B7F - #E6D9DA | 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 #A97B7F como 0% y #E6D9DA como 100%.

0.0%	0.0% #A97B7F	RGB 169 123 127	#A97B7F
16.7%	16.7% #B38A8E	RGB 179 138 142	#B38A8E
33.3%	33.3% #BD9A9D	RGB 189 154 157	#BD9A9D
50.0%	50.0% #C7AAAC	RGB 199 170 172	#C7AAAC
66.7%	66.7% #D1B9BB	RGB 209 185 187	#D1B9BB
83.3%	83.3% #DBC9CA	RGB 219 201 202	#DBC9CA
100.0%	100.0% #E6D9DA	RGB 230 217 218	#E6D9DA

#A97B7F #B38A8E #BD9A9D #C7AAAC #D1B9BB #DBC9CA #E6D9DA

#A97B7F - #E6D9DA

Mezcla HSV

#A97B7F - #E6D9DA | 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 #A97B7F como 0% y #E6D9DA como 100%.

0.0%	0.0% #A97B7F	RGB 169 123 127	#A97B7F
16.7%	16.7% #B3888C	RGB 179 136 140	#B3888C
33.3%	33.3% #BD979A	RGB 189 151 154	#BD979A
50.0%	50.0% #C7A6A9	RGB 199 166 169	#C7A6A9
66.7%	66.7% #D1B6B8	RGB 209 182 184	#D1B6B8
83.3%	83.3% #DBC7C9	RGB 219 199 201	#DBC7C9
100.0%	100.0% #E6D9DA	RGB 230 217 218	#E6D9DA

#A97B7F #B3888C #BD979A #C7A6A9 #D1B6B8 #DBC7C9 #E6D9DA

#A97B7F - #C7A6A9 - #E6D9DA

Códigos CSS

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

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