#ECE9F0 - #A89DB6 | 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 #ECE9F0 a #A89DB6

#ECE9F0 #A89DB6

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

#ECE9F0 - #A89DB6 | 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 #ECE9F0 como 0% y #A89DB6 como 100%.

0.0%	0.0% #ECE9F0	RGB 236 233 240	#ECE9F0
16.7%	16.7% #E0DCE6	RGB 224 220 230	#E0DCE6
33.3%	33.3% #D5CFDC	RGB 213 207 220	#D5CFDC
50.0%	50.0% #CAC3D3	RGB 202 195 211	#CAC3D3
66.7%	66.7% #BEB6C9	RGB 190 182 201	#BEB6C9
83.3%	83.3% #B3A9BF	RGB 179 169 191	#B3A9BF
100.0%	100.0% #A89DB6	RGB 168 157 182	#A89DB6

#ECE9F0 #E0DCE6 #D5CFDC #CAC3D3 #BEB6C9 #B3A9BF #A89DB6

#ECE9F0 - #A89DB6

Mezcla HSV

#ECE9F0 - #A89DB6 | 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 #ECE9F0 como 0% y #A89DB6 como 100%.

0.0%	0.0% #ECE9F0	RGB 236 233 240	#ECE9F0
16.7%	16.7% #E0DBE6	RGB 224 219 230	#E0DBE6
33.3%	33.3% #D4CEDC	RGB 212 206 220	#D4CEDC
50.0%	50.0% #C9C1D3	RGB 201 193 211	#C9C1D3
66.7%	66.7% #BDB4C9	RGB 189 180 201	#BDB4C9
83.3%	83.3% #B2A8BF	RGB 178 168 191	#B2A8BF
100.0%	100.0% #A89DB6	RGB 168 157 182	#A89DB6

#ECE9F0 #E0DBE6 #D4CEDC #C9C1D3 #BDB4C9 #B2A8BF #A89DB6

#ECE9F0 - #C9C1D3 - #A89DB6

Códigos CSS

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

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