#EEE0DA - #DFAB8C | 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 #EEE0DA a #DFAB8C

#EEE0DA #DFAB8C

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

#EEE0DA - #DFAB8C | 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 #EEE0DA como 0% y #DFAB8C como 100%.

0.0%	0.0% #EEE0DA	RGB 238 224 218	#EEE0DA
16.7%	16.7% #EBD7CD	RGB 235 215 205	#EBD7CD
33.3%	33.3% #E9CEC0	RGB 233 206 192	#E9CEC0
50.0%	50.0% #E6C5B3	RGB 230 197 179	#E6C5B3
66.7%	66.7% #E4BCA6	RGB 228 188 166	#E4BCA6
83.3%	83.3% #E1B399	RGB 225 179 153	#E1B399
100.0%	100.0% #DFAB8C	RGB 223 171 140	#DFAB8C

#EEE0DA #EBD7CD #E9CEC0 #E6C5B3 #E4BCA6 #E1B399 #DFAB8C

#EEE0DA - #DFAB8C

Mezcla HSV

#EEE0DA - #DFAB8C | 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 #EEE0DA como 0% y #DFAB8C como 100%.

0.0%	0.0% #EEE0DA	RGB 238 224 218	#EEE0DA
16.7%	16.7% #EBD6CC	RGB 235 214 204	#EBD6CC
33.3%	33.3% #E9CCBF	RGB 233 204 191	#E9CCBF
50.0%	50.0% #E6C3B1	RGB 230 195 177	#E6C3B1
66.7%	66.7% #E4BBA5	RGB 228 187 165	#E4BBA5
83.3%	83.3% #E1B298	RGB 225 178 152	#E1B298
100.0%	100.0% #DFAB8C	RGB 223 171 140	#DFAB8C

#EEE0DA #EBD6CC #E9CCBF #E6C3B1 #E4BBA5 #E1B298 #DFAB8C

#EEE0DA - #E6C3B1 - #DFAB8C

Códigos CSS

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

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