#DFB7D9 - #F5EAF3 | 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 #DFB7D9 a #F5EAF3

#DFB7D9 #F5EAF3

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

#DFB7D9 - #F5EAF3 | 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 #DFB7D9 como 0% y #F5EAF3 como 100%.

0.0%	0.0% #DFB7D9	RGB 223 183 217	#DFB7D9
16.7%	16.7% #E2BFDD	RGB 226 191 221	#E2BFDD
33.3%	33.3% #E6C8E1	RGB 230 200 225	#E6C8E1
50.0%	50.0% #EAD0E6	RGB 234 208 230	#EAD0E6
66.7%	66.7% #EDD9EA	RGB 237 217 234	#EDD9EA
83.3%	83.3% #F1E1EE	RGB 241 225 238	#F1E1EE
100.0%	100.0% #F5EAF3	RGB 245 234 243	#F5EAF3

#DFB7D9 #E2BFDD #E6C8E1 #EAD0E6 #EDD9EA #F1E1EE #F5EAF3

#DFB7D9 - #F5EAF3

Mezcla HSV

#DFB7D9 - #F5EAF3 | 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 #DFB7D9 como 0% y #F5EAF3 como 100%.

0.0%	0.0% #DFB7D9	RGB 223 183 217	#DFB7D9
16.7%	16.7% #E2BFDD	RGB 226 191 221	#E2BFDD
33.3%	33.3% #E6C7E1	RGB 230 199 225	#E6C7E1
50.0%	50.0% #EACFE5	RGB 234 207 229	#EACFE5
66.7%	66.7% #EDD8EA	RGB 237 216 234	#EDD8EA
83.3%	83.3% #F1E1EE	RGB 241 225 238	#F1E1EE
100.0%	100.0% #F5EAF3	RGB 245 234 243	#F5EAF3

#DFB7D9 #E2BFDD #E6C7E1 #EACFE5 #EDD8EA #F1E1EE #F5EAF3

#DFB7D9 - #EACFE5 - #F5EAF3

Códigos CSS

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

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