#E2CDD5 - #FFF5E6 | 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 #E2CDD5 a #FFF5E6

#E2CDD5 #FFF5E6

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

#E2CDD5 - #FFF5E6 | 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 #E2CDD5 como 0% y #FFF5E6 como 100%.

0.0%	0.0% #E2CDD5	RGB 226 205 213	#E2CDD5
16.7%	16.7% #E6D3D7	RGB 230 211 215	#E6D3D7
33.3%	33.3% #EBDADA	RGB 235 218 218	#EBDADA
50.0%	50.0% #F0E1DD	RGB 240 225 221	#F0E1DD
66.7%	66.7% #F5E7E0	RGB 245 231 224	#F5E7E0
83.3%	83.3% #FAEEE3	RGB 250 238 227	#FAEEE3
100.0%	100.0% #FFF5E6	RGB 255 245 230	#FFF5E6

#E2CDD5 #E6D3D7 #EBDADA #F0E1DD #F5E7E0 #FAEEE3 #FFF5E6

#E2CDD5 - #FFF5E6

Mezcla HSV

#E2CDD5 - #FFF5E6 | 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 #E2CDD5 como 0% y #FFF5E6 como 100%.

0.0%	0.0% #E2CDD5	RGB 226 205 213	#E2CDD5
16.7%	16.7% #E6D1D5	RGB 230 209 213	#E6D1D5
33.3%	33.3% #EBD5D6	RGB 235 213 214	#EBD5D6
50.0%	50.0% #F0DCD9	RGB 240 220 217	#F0DCD9
66.7%	66.7% #F5E4DD	RGB 245 228 221	#F5E4DD
83.3%	83.3% #FAECE1	RGB 250 236 225	#FAECE1
100.0%	100.0% #FFF5E6	RGB 255 245 230	#FFF5E6

#E2CDD5 #E6D1D5 #EBD5D6 #F0DCD9 #F5E4DD #FAECE1 #FFF5E6

#E2CDD5 - #F0DCD9 - #FFF5E6

Códigos CSS

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

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