#E5EBEB - #C4ECE0 | 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 #E5EBEB a #C4ECE0

#E5EBEB #C4ECE0

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

#E5EBEB - #C4ECE0 | 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 #E5EBEB como 0% y #C4ECE0 como 100%.

0.0%	0.0% #E5EBEB	RGB 229 235 235	#E5EBEB
16.7%	16.7% #DFEBE9	RGB 223 235 233	#DFEBE9
33.3%	33.3% #DAEBE7	RGB 218 235 231	#DAEBE7
50.0%	50.0% #D4EBE5	RGB 212 235 229	#D4EBE5
66.7%	66.7% #CFEBE3	RGB 207 235 227	#CFEBE3
83.3%	83.3% #C9EBE1	RGB 201 235 225	#C9EBE1
100.0%	100.0% #C4ECE0	RGB 196 236 224	#C4ECE0

#E5EBEB #DFEBE9 #DAEBE7 #D4EBE5 #CFEBE3 #C9EBE1 #C4ECE0

#E5EBEB - #C4ECE0

Mezcla HSV

#E5EBEB - #C4ECE0 | 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 #E5EBEB como 0% y #C4ECE0 como 100%.

0.0%	0.0% #E5EBEB	RGB 229 235 235	#E5EBEB
16.7%	16.7% #DFEBEA	RGB 223 235 234	#DFEBEA
33.3%	33.3% #DAEBE9	RGB 218 235 233	#DAEBE9
50.0%	50.0% #D4EBE8	RGB 212 235 232	#D4EBE8
66.7%	66.7% #CFEBE5	RGB 207 235 229	#CFEBE5
83.3%	83.3% #C9EBE3	RGB 201 235 227	#C9EBE3
100.0%	100.0% #C4ECE0	RGB 196 236 224	#C4ECE0

#E5EBEB #DFEBEA #DAEBE9 #D4EBE8 #CFEBE5 #C9EBE3 #C4ECE0

#E5EBEB - #D4EBE8 - #C4ECE0

Códigos CSS

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

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