#DFB09C - #F5E7E2 | 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 #DFB09C a #F5E7E2

#DFB09C #F5E7E2

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

#DFB09C - #F5E7E2 | 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 #DFB09C como 0% y #F5E7E2 como 100%.

0.0%	0.0% #DFB09C	RGB 223 176 156	#DFB09C
16.7%	16.7% #E2B9A7	RGB 226 185 167	#E2B9A7
33.3%	33.3% #E6C2B3	RGB 230 194 179	#E6C2B3
50.0%	50.0% #EACBBF	RGB 234 203 191	#EACBBF
66.7%	66.7% #EDD4CA	RGB 237 212 202	#EDD4CA
83.3%	83.3% #F1DDD6	RGB 241 221 214	#F1DDD6
100.0%	100.0% #F5E7E2	RGB 245 231 226	#F5E7E2

#DFB09C #E2B9A7 #E6C2B3 #EACBBF #EDD4CA #F1DDD6 #F5E7E2

#DFB09C - #F5E7E2

Mezcla HSV

#DFB09C - #F5E7E2 | 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 #DFB09C como 0% y #F5E7E2 como 100%.

0.0%	0.0% #DFB09C	RGB 223 176 156	#DFB09C
16.7%	16.7% #E2B8A6	RGB 226 184 166	#E2B8A6
33.3%	33.3% #E6C1B2	RGB 230 193 178	#E6C1B2
50.0%	50.0% #EACABD	RGB 234 202 189	#EACABD
66.7%	66.7% #EDD3C9	RGB 237 211 201	#EDD3C9
83.3%	83.3% #F1DDD5	RGB 241 221 213	#F1DDD5
100.0%	100.0% #F5E7E2	RGB 245 231 226	#F5E7E2

#DFB09C #E2B8A6 #E6C1B2 #EACABD #EDD3C9 #F1DDD5 #F5E7E2

#DFB09C - #EACABD - #F5E7E2

Códigos CSS

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

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