#E5EFE9 - #CBF0E7 | 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 #E5EFE9 a #CBF0E7

#E5EFE9 #CBF0E7

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

#E5EFE9 - #CBF0E7 | 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 #E5EFE9 como 0% y #CBF0E7 como 100%.

0.0%	0.0% #E5EFE9	RGB 229 239 233	#E5EFE9
16.7%	16.7% #E0EFE8	RGB 224 239 232	#E0EFE8
33.3%	33.3% #DCEFE8	RGB 220 239 232	#DCEFE8
50.0%	50.0% #D8EFE8	RGB 216 239 232	#D8EFE8
66.7%	66.7% #D3EFE7	RGB 211 239 231	#D3EFE7
83.3%	83.3% #CFEFE7	RGB 207 239 231	#CFEFE7
100.0%	100.0% #CBF0E7	RGB 203 240 231	#CBF0E7

#E5EFE9 #E0EFE8 #DCEFE8 #D8EFE8 #D3EFE7 #CFEFE7 #CBF0E7

#E5EFE9 - #CBF0E7

Mezcla HSV

#E5EFE9 - #CBF0E7 | 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 #E5EFE9 como 0% y #CBF0E7 como 100%.

0.0%	0.0% #E5EFE9	RGB 229 239 233	#E5EFE9
16.7%	16.7% #E0EFE7	RGB 224 239 231	#E0EFE7
33.3%	33.3% #DCEFE6	RGB 220 239 230	#DCEFE6
50.0%	50.0% #D8EFE5	RGB 216 239 229	#D8EFE5
66.7%	66.7% #D3EFE5	RGB 211 239 229	#D3EFE5
83.3%	83.3% #CFEFE6	RGB 207 239 230	#CFEFE6
100.0%	100.0% #CBF0E7	RGB 203 240 231	#CBF0E7

#E5EFE9 #E0EFE7 #DCEFE6 #D8EFE5 #D3EFE5 #CFEFE6 #CBF0E7

#E5EFE9 - #D8EFE5 - #CBF0E7

Códigos CSS

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

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