#E5B6E5 - #FFECDB | 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 #E5B6E5 a #FFECDB

#E5B6E5 #FFECDB

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

#E5B6E5 - #FFECDB | 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 #E5B6E5 como 0% y #FFECDB como 100%.

0.0%	0.0% #E5B6E5	RGB 229 182 229	#E5B6E5
16.7%	16.7% #E9BFE3	RGB 233 191 227	#E9BFE3
33.3%	33.3% #EDC8E1	RGB 237 200 225	#EDC8E1
50.0%	50.0% #F2D1E0	RGB 242 209 224	#F2D1E0
66.7%	66.7% #F6DADE	RGB 246 218 222	#F6DADE
83.3%	83.3% #FAE3DC	RGB 250 227 220	#FAE3DC
100.0%	100.0% #FFECDB	RGB 255 236 219	#FFECDB

#E5B6E5 #E9BFE3 #EDC8E1 #F2D1E0 #F6DADE #FAE3DC #FFECDB

#E5B6E5 - #FFECDB

Mezcla HSV

#E5B6E5 - #FFECDB | 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 #E5B6E5 como 0% y #FFECDB como 100%.

0.0%	0.0% #E5B6E5	RGB 229 182 229	#E5B6E5
16.7%	16.7% #E9BBDE	RGB 233 187 222	#E9BBDE
33.3%	33.3% #EDC1D8	RGB 237 193 216	#EDC1D8
50.0%	50.0% #F2C8D3	RGB 242 200 211	#F2C8D3
66.7%	66.7% #F6CECF	RGB 246 206 207	#F6CECF
83.3%	83.3% #FADDD4	RGB 250 221 212	#FADDD4
100.0%	100.0% #FFECDB	RGB 255 236 219	#FFECDB

#E5B6E5 #E9BBDE #EDC1D8 #F2C8D3 #F6CECF #FADDD4 #FFECDB

#E5B6E5 - #F2C8D3 - #FFECDB

Códigos CSS

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

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