#DFA5AE - #F5E5E7 | 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 #DFA5AE a #F5E5E7

#DFA5AE #F5E5E7

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

#DFA5AE - #F5E5E7 | 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 #DFA5AE como 0% y #F5E5E7 como 100%.

0.0%	0.0% #DFA5AE	RGB 223 165 174	#DFA5AE
16.7%	16.7% #E2AFB7	RGB 226 175 183	#E2AFB7
33.3%	33.3% #E6BAC1	RGB 230 186 193	#E6BAC1
50.0%	50.0% #EAC5CA	RGB 234 197 202	#EAC5CA
66.7%	66.7% #EDCFD4	RGB 237 207 212	#EDCFD4
83.3%	83.3% #F1DADD	RGB 241 218 221	#F1DADD
100.0%	100.0% #F5E5E7	RGB 245 229 231	#F5E5E7

#DFA5AE #E2AFB7 #E6BAC1 #EAC5CA #EDCFD4 #F1DADD #F5E5E7

#DFA5AE - #F5E5E7

Mezcla HSV

#DFA5AE - #F5E5E7 | 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 #DFA5AE como 0% y #F5E5E7 como 100%.

0.0%	0.0% #DFA5AD	RGB 223 165 173	#DFA5AD
16.7%	16.7% #E2AFB6	RGB 226 175 182	#E2AFB6
33.3%	33.3% #E6B9BF	RGB 230 185 191	#E6B9BF
50.0%	50.0% #EAC3C9	RGB 234 195 201	#EAC3C9
66.7%	66.7% #EDCED2	RGB 237 206 210	#EDCED2
83.3%	83.3% #F1D9DC	RGB 241 217 220	#F1D9DC
100.0%	100.0% #F5E5E7	RGB 245 229 231	#F5E5E7

#DFA5AD #E2AFB6 #E6B9BF #EAC3C9 #EDCED2 #F1D9DC #F5E5E7

#DFA5AE - #EAC3C9 - #F5E5E7

Códigos CSS

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

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