#DFDADE - #AD8DB6 | 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 #DFDADE a #AD8DB6

#DFDADE #AD8DB6

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

#DFDADE - #AD8DB6 | 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 #DFDADE como 0% y #AD8DB6 como 100%.

0.0%	0.0% #DFDADE	RGB 223 218 222	#DFDADE
16.7%	16.7% #D6CDD7	RGB 214 205 215	#D6CDD7
33.3%	33.3% #CEC0D0	RGB 206 192 208	#CEC0D0
50.0%	50.0% #C6B3CA	RGB 198 179 202	#C6B3CA
66.7%	66.7% #BDA6C3	RGB 189 166 195	#BDA6C3
83.3%	83.3% #B599BC	RGB 181 153 188	#B599BC
100.0%	100.0% #AD8DB6	RGB 173 141 182	#AD8DB6

#DFDADE #D6CDD7 #CEC0D0 #C6B3CA #BDA6C3 #B599BC #AD8DB6

#DFDADE - #AD8DB6

Mezcla HSV

#DFDADE - #AD8DB6 | 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 #DFDADE como 0% y #AD8DB6 como 100%.

0.0%	0.0% #DFDADE	RGB 223 218 222	#DFDADE
16.7%	16.7% #D8CCD6	RGB 216 204 214	#D8CCD6
33.3%	33.3% #D1BED0	RGB 209 190 208	#D1BED0
50.0%	50.0% #CAB1CA	RGB 202 177 202	#CAB1CA
66.7%	66.7% #C1A4C3	RGB 193 164 195	#C1A4C3
83.3%	83.3% #B798BC	RGB 183 152 188	#B798BC
100.0%	100.0% #AD8DB6	RGB 173 141 182	#AD8DB6

#DFDADE #D8CCD6 #D1BED0 #CAB1CA #C1A4C3 #B798BC #AD8DB6

#DFDADE - #CAB1CA - #AD8DB6

Códigos CSS

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

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