#E6C5E7 - #FFEFDB | 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 #E6C5E7 a #FFEFDB

#E6C5E7 #FFEFDB

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

#E6C5E7 - #FFEFDB | 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 #E6C5E7 como 0% y #FFEFDB como 100%.

0.0%	0.0% #E6C5E7	RGB 230 197 231	#E6C5E7
16.7%	16.7% #EACCE5	RGB 234 204 229	#EACCE5
33.3%	33.3% #EED3E3	RGB 238 211 227	#EED3E3
50.0%	50.0% #F2DAE1	RGB 242 218 225	#F2DAE1
66.7%	66.7% #F6E1DF	RGB 246 225 223	#F6E1DF
83.3%	83.3% #FAE8DD	RGB 250 232 221	#FAE8DD
100.0%	100.0% #FFEFDB	RGB 255 239 219	#FFEFDB

#E6C5E7 #EACCE5 #EED3E3 #F2DAE1 #F6E1DF #FAE8DD #FFEFDB

#E6C5E7 - #FFEFDB

Mezcla HSV

#E6C5E7 - #FFEFDB | 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 #E6C5E7 como 0% y #FFEFDB como 100%.

0.0%	0.0% #E6C5E7	RGB 230 197 231	#E6C5E7
16.7%	16.7% #EBC8E2	RGB 235 200 226	#EBC8E2
33.3%	33.3% #EFCCDD	RGB 239 204 221	#EFCCDD
50.0%	50.0% #F3CFD8	RGB 243 207 216	#F3CFD8
66.7%	66.7% #F7D4D3	RGB 247 212 211	#F7D4D3
83.3%	83.3% #FBE1D7	RGB 251 225 215	#FBE1D7
100.0%	100.0% #FFEFDB	RGB 255 239 219	#FFEFDB

#E6C5E7 #EBC8E2 #EFCCDD #F3CFD8 #F7D4D3 #FBE1D7 #FFEFDB

#E6C5E7 - #F3CFD8 - #FFEFDB

Códigos CSS

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

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