#F5EFEA - #DFBBA1 | 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 #F5EFEA a #DFBBA1

#F5EFEA #DFBBA1

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

#F5EFEA - #DFBBA1 | 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 #F5EFEA como 0% y #DFBBA1 como 100%.

0.0%	0.0% #F5EFEA	RGB 245 239 234	#F5EFEA
16.7%	16.7% #F1E6DD	RGB 241 230 221	#F1E6DD
33.3%	33.3% #EDDDD1	RGB 237 221 209	#EDDDD1
50.0%	50.0% #EAD5C5	RGB 234 213 197	#EAD5C5
66.7%	66.7% #E6CCB9	RGB 230 204 185	#E6CCB9
83.3%	83.3% #E2C3AD	RGB 226 195 173	#E2C3AD
100.0%	100.0% #DFBBA1	RGB 223 187 161	#DFBBA1

#F5EFEA #F1E6DD #EDDDD1 #EAD5C5 #E6CCB9 #E2C3AD #DFBBA1

#F5EFEA - #DFBBA1

Mezcla HSV

#F5EFEA - #DFBBA1 | 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 #F5EFEA como 0% y #DFBBA1 como 100%.

0.0%	0.0% #F5EFEA	RGB 245 239 234	#F5EFEA
16.7%	16.7% #F1E6DD	RGB 241 230 221	#F1E6DD
33.3%	33.3% #EDDDD0	RGB 237 221 208	#EDDDD0
50.0%	50.0% #EAD4C4	RGB 234 212 196	#EAD4C4
66.7%	66.7% #E6CCB8	RGB 230 204 184	#E6CCB8
83.3%	83.3% #E2C3AC	RGB 226 195 172	#E2C3AC
100.0%	100.0% #DFBBA1	RGB 223 187 161	#DFBBA1

#F5EFEA #F1E6DD #EDDDD0 #EAD4C4 #E6CCB8 #E2C3AC #DFBBA1

#F5EFEA - #EAD4C4 - #DFBBA1

Códigos CSS

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

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