#E8C5E3 - #EAF1EA | 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 #E8C5E3 a #EAF1EA

#E8C5E3 #EAF1EA

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

#E8C5E3 - #EAF1EA | 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 #E8C5E3 como 0% y #EAF1EA como 100%.

0.0%	0.0% #E8C5E3	RGB 232 197 227	#E8C5E3
16.7%	16.7% #E8CCE4	RGB 232 204 228	#E8CCE4
33.3%	33.3% #E8D3E5	RGB 232 211 229	#E8D3E5
50.0%	50.0% #E9DBE6	RGB 233 219 230	#E9DBE6
66.7%	66.7% #E9E2E7	RGB 233 226 231	#E9E2E7
83.3%	83.3% #E9E9E8	RGB 233 233 232	#E9E9E8
100.0%	100.0% #EAF1EA	RGB 234 241 234	#EAF1EA

#E8C5E3 #E8CCE4 #E8D3E5 #E9DBE6 #E9E2E7 #E9E9E8 #EAF1EA

#E8C5E3 - #EAF1EA

Mezcla HSV

#E8C5E3 - #EAF1EA | 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 #E8C5E3 como 0% y #EAF1EA como 100%.

0.0%	0.0% #E8C5E3	RGB 232 197 227	#E8C5E3
16.7%	16.7% #E9CBD6	RGB 233 203 214	#E9CBD6
33.3%	33.3% #EBD3D1	RGB 235 211 209	#EBD3D1
50.0%	50.0% #ECE3D7	RGB 236 227 215	#ECE3D7
66.7%	66.7% #EDEEDD	RGB 237 238 221	#EDEEDD
83.3%	83.3% #E9EFE3	RGB 233 239 227	#E9EFE3
100.0%	100.0% #EAF1EA	RGB 234 241 234	#EAF1EA

#E8C5E3 #E9CBD6 #EBD3D1 #ECE3D7 #EDEEDD #E9EFE3 #EAF1EA

#E8C5E3 - #ECE3D7 - #EAF1EA

Códigos CSS

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

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