#DF67FF - #DBD5E3 | 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 #DF67FF a #DBD5E3

#DF67FF #DBD5E3

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

#DF67FF - #DBD5E3 | 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 #DF67FF como 0% y #DBD5E3 como 100%.

0.0%	0.0% #DF67FF	RGB 223 103 255	#DF67FF
16.7%	16.7% #DE79FA	RGB 222 121 250	#DE79FA
33.3%	33.3% #DD8BF5	RGB 221 139 245	#DD8BF5
50.0%	50.0% #DD9EF1	RGB 221 158 241	#DD9EF1
66.7%	66.7% #DCB0EC	RGB 220 176 236	#DCB0EC
83.3%	83.3% #DBC2E7	RGB 219 194 231	#DBC2E7
100.0%	100.0% #DBD5E3	RGB 219 213 227	#DBD5E3

#DF67FF #DE79FA #DD8BF5 #DD9EF1 #DCB0EC #DBC2E7 #DBD5E3

#DF67FF - #DBD5E3

Mezcla HSV

#DF67FF - #DBD5E3 | 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 #DF67FF como 0% y #DBD5E3 como 100%.

0.0%	0.0% #DF67FF	RGB 223 103 255	#DF67FF
16.7%	16.7% #D77BFA	RGB 215 123 250	#D77BFA
33.3%	33.3% #D38EF5	RGB 211 142 245	#D38EF5
50.0%	50.0% #D2A1F1	RGB 210 161 241	#D2A1F1
66.7%	66.7% #D2B3EC	RGB 210 179 236	#D2B3EC
83.3%	83.3% #D5C4E7	RGB 213 196 231	#D5C4E7
100.0%	100.0% #DBD5E3	RGB 219 213 227	#DBD5E3

#DF67FF #D77BFA #D38EF5 #D2A1F1 #D2B3EC #D5C4E7 #DBD5E3

#DF67FF - #D2A1F1 - #DBD5E3

Códigos CSS

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

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