#E5E5E5 - #D29CC4 | 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 #E5E5E5 a #D29CC4

#E5E5E5 #D29CC4

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

#E5E5E5 - #D29CC4 | 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 #E5E5E5 como 0% y #D29CC4 como 100%.

0.0%	0.0% #E5E5E5	RGB 229 229 229	#E5E5E5
16.7%	16.7% #E1D8DF	RGB 225 216 223	#E1D8DF
33.3%	33.3% #DECCDA	RGB 222 204 218	#DECCDA
50.0%	50.0% #DBC0D4	RGB 219 192 212	#DBC0D4
66.7%	66.7% #D8B4CF	RGB 216 180 207	#D8B4CF
83.3%	83.3% #D5A8C9	RGB 213 168 201	#D5A8C9
100.0%	100.0% #D29CC4	RGB 210 156 196	#D29CC4

#E5E5E5 #E1D8DF #DECCDA #DBC0D4 #D8B4CF #D5A8C9 #D29CC4

#E5E5E5 - #D29CC4

Mezcla HSV

#E5E5E5 - #D29CC4 | 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 #E5E5E5 como 0% y #D29CC4 como 100%.

0.0%	0.0% #E5E5E5	RGB 229 229 229	#E5E5E5
16.7%	16.7% #E1D8D9	RGB 225 216 217	#E1D8D9
33.3%	33.3% #DECBD0	RGB 222 203 208	#DECBD0
50.0%	50.0% #DBBFC9	RGB 219 191 201	#DBBFC9
66.7%	66.7% #D8B3C5	RGB 216 179 197	#D8B3C5
83.3%	83.3% #D5A7C3	RGB 213 167 195	#D5A7C3
100.0%	100.0% #D29CC4	RGB 210 156 196	#D29CC4

#E5E5E5 #E1D8D9 #DECBD0 #DBBFC9 #D8B3C5 #D5A7C3 #D29CC4

#E5E5E5 - #DBBFC9 - #D29CC4

Códigos CSS

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

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