#E5E3E3 - #EFCBC7 | 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 #E5E3E3 a #EFCBC7

#E5E3E3 #EFCBC7

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

#E5E3E3 - #EFCBC7 | 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 #E5E3E3 como 0% y #EFCBC7 como 100%.

0.0%	0.0% #E5E3E3	RGB 229 227 227	#E5E3E3
16.7%	16.7% #E6DFDE	RGB 230 223 222	#E6DFDE
33.3%	33.3% #E8DBD9	RGB 232 219 217	#E8DBD9
50.0%	50.0% #EAD7D5	RGB 234 215 213	#EAD7D5
66.7%	66.7% #EBD3D0	RGB 235 211 208	#EBD3D0
83.3%	83.3% #EDCFCB	RGB 237 207 203	#EDCFCB
100.0%	100.0% #EFCBC7	RGB 239 203 199	#EFCBC7

#E5E3E3 #E6DFDE #E8DBD9 #EAD7D5 #EBD3D0 #EDCFCB #EFCBC7

#E5E3E3 - #EFCBC7

Mezcla HSV

#E5E3E3 - #EFCBC7 | 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 #E5E3E3 como 0% y #EFCBC7 como 100%.

0.0%	0.0% #E5E3E3	RGB 229 227 227	#E5E3E3
16.7%	16.7% #E6DEDE	RGB 230 222 222	#E6DEDE
33.3%	33.3% #E8DADA	RGB 232 218 218	#E8DADA
50.0%	50.0% #EAD6D5	RGB 234 214 213	#EAD6D5
66.7%	66.7% #EBD2D0	RGB 235 210 208	#EBD2D0
83.3%	83.3% #EDCECB	RGB 237 206 203	#EDCECB
100.0%	100.0% #EFCBC7	RGB 239 203 199	#EFCBC7

#E5E3E3 #E6DEDE #E8DADA #EAD6D5 #EBD2D0 #EDCECB #EFCBC7

#E5E3E3 - #EAD6D5 - #EFCBC7

Códigos CSS

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

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