#DFA8A8 - #D8C7E2 | 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 #DFA8A8 a #D8C7E2

#DFA8A8 #D8C7E2

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

#DFA8A8 - #D8C7E2 | 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 #DFA8A8 como 0% y #D8C7E2 como 100%.

0.0%	0.0% #DFA8A8	RGB 223 168 168	#DFA8A8
16.7%	16.7% #DDADB1	RGB 221 173 177	#DDADB1
33.3%	33.3% #DCB2BB	RGB 220 178 187	#DCB2BB
50.0%	50.0% #DBB7C5	RGB 219 183 197	#DBB7C5
66.7%	66.7% #DABCCE	RGB 218 188 206	#DABCCE
83.3%	83.3% #D9C1D8	RGB 217 193 216	#D9C1D8
100.0%	100.0% #D8C7E2	RGB 216 199 226	#D8C7E2

#DFA8A8 #DDADB1 #DCB2BB #DBB7C5 #DABCCE #D9C1D8 #D8C7E2

#DFA8A8 - #D8C7E2

Mezcla HSV

#DFA8A8 - #D8C7E2 | 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 #DFA8A8 como 0% y #D8C7E2 como 100%.

0.0%	0.0% #DFA8A8	RGB 223 168 168	#DFA8A8
16.7%	16.7% #DFADB8	RGB 223 173 184	#DFADB8
33.3%	33.3% #E0B2C7	RGB 224 178 199	#E0B2C7
50.0%	50.0% #E0B7D3	RGB 224 183 211	#E0B7D3
66.7%	66.7% #E1BCDD	RGB 225 188 221	#E1BCDD
83.3%	83.3% #DCC1E1	RGB 220 193 225	#DCC1E1
100.0%	100.0% #D8C7E2	RGB 216 199 226	#D8C7E2

#DFA8A8 #DFADB8 #E0B2C7 #E0B7D3 #E1BCDD #DCC1E1 #D8C7E2

#DFA8A8 - #E0B7D3 - #D8C7E2

Códigos CSS

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

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