#E7E7E5 - #F8F8F7 | 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 #E7E7E5 a #F8F8F7

#E7E7E5 #F8F8F7

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

#E7E7E5 - #F8F8F7 | 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 #E7E7E5 como 0% y #F8F8F7 como 100%.

0.0%	0.0% #E7E7E5	RGB 231 231 229	#E7E7E5
16.7%	16.7% #E9E9E8	RGB 233 233 232	#E9E9E8
33.3%	33.3% #ECECEB	RGB 236 236 235	#ECECEB
50.0%	50.0% #EFEFEE	RGB 239 239 238	#EFEFEE
66.7%	66.7% #F2F2F1	RGB 242 242 241	#F2F2F1
83.3%	83.3% #F5F5F4	RGB 245 245 244	#F5F5F4
100.0%	100.0% #F8F8F7	RGB 248 248 247	#F8F8F7

#E7E7E5 #E9E9E8 #ECECEB #EFEFEE #F2F2F1 #F5F5F4 #F8F8F7

#E7E7E5 - #F8F8F7

Mezcla HSV

#E7E7E5 - #F8F8F7 | 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 #E7E7E5 como 0% y #F8F8F7 como 100%.

0.0%	0.0% #E7E7E5	RGB 231 231 229	#E7E7E5
16.7%	16.7% #E9E9E7	RGB 233 233 231	#E9E9E7
33.3%	33.3% #ECECEA	RGB 236 236 234	#ECECEA
50.0%	50.0% #EFEFED	RGB 239 239 237	#EFEFED
66.7%	66.7% #F2F2F0	RGB 242 242 240	#F2F2F0
83.3%	83.3% #F5F5F3	RGB 245 245 243	#F5F5F3
100.0%	100.0% #F8F8F7	RGB 248 248 247	#F8F8F7

#E7E7E5 #E9E9E7 #ECECEA #EFEFED #F2F2F0 #F5F5F3 #F8F8F7

#E7E7E5 - #EFEFED - #F8F8F7

Códigos CSS

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

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