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

#E3B5E5 #FFECDB

Calcule el color entre dos colores, #E3B5E5 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)

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

0.0%	0.0% #E3B5E5	RGB 227 181 229	#E3B5E5
16.7%	16.7% #E7BEE3	RGB 231 190 227	#E7BEE3
33.3%	33.3% #ECC7E1	RGB 236 199 225	#ECC7E1
50.0%	50.0% #F1D0E0	RGB 241 208 224	#F1D0E0
66.7%	66.7% #F5D9DE	RGB 245 217 222	#F5D9DE
83.3%	83.3% #FAE2DC	RGB 250 226 220	#FAE2DC
100.0%	100.0% #FFECDB	RGB 255 236 219	#FFECDB

#E3B5E5 #E7BEE3 #ECC7E1 #F1D0E0 #F5D9DE #FAE2DC #FFECDB

#E3B5E5 - #FFECDB

Mezcla HSV

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

0.0%	0.0% #E3B5E5	RGB 227 181 229	#E3B5E5
16.7%	16.7% #E9BBDF	RGB 233 187 223	#E9BBDF
33.3%	33.3% #EDC1D9	RGB 237 193 217	#EDC1D9
50.0%	50.0% #F2C7D3	RGB 242 199 211	#F2C7D3
66.7%	66.7% #F6CDCF	RGB 246 205 207	#F6CDCF
83.3%	83.3% #FADCD4	RGB 250 220 212	#FADCD4
100.0%	100.0% #FFECDB	RGB 255 236 219	#FFECDB

#E3B5E5 #E9BBDF #EDC1D9 #F2C7D3 #F6CDCF #FADCD4 #FFECDB

#E3B5E5 - #F2C7D3 - #FFECDB

Códigos CSS

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

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