#EFECEE - #FEF7FD | 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 #EFECEE a #FEF7FD

#EFECEE #FEF7FD

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

#EFECEE - #FEF7FD | 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 #EFECEE como 0% y #FEF7FD como 100%.

0.0%	0.0% #EFECEE	RGB 239 236 238	#EFECEE
16.7%	16.7% #F1EDF0	RGB 241 237 240	#F1EDF0
33.3%	33.3% #F4EFF3	RGB 244 239 243	#F4EFF3
50.0%	50.0% #F6F1F5	RGB 246 241 245	#F6F1F5
66.7%	66.7% #F9F3F8	RGB 249 243 248	#F9F3F8
83.3%	83.3% #FBF5FA	RGB 251 245 250	#FBF5FA
100.0%	100.0% #FEF7FD	RGB 254 247 253	#FEF7FD

#EFECEE #F1EDF0 #F4EFF3 #F6F1F5 #F9F3F8 #FBF5FA #FEF7FD

#EFECEE - #FEF7FD

Mezcla HSV

#EFECEE - #FEF7FD | 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 #EFECEE como 0% y #FEF7FD como 100%.

0.0%	0.0% #EFECEE	RGB 239 236 238	#EFECEE
16.7%	16.7% #F1EDF0	RGB 241 237 240	#F1EDF0
33.3%	33.3% #F4EFF2	RGB 244 239 242	#F4EFF2
50.0%	50.0% #F6F1F5	RGB 246 241 245	#F6F1F5
66.7%	66.7% #F9F3F7	RGB 249 243 247	#F9F3F7
83.3%	83.3% #FBF5FA	RGB 251 245 250	#FBF5FA
100.0%	100.0% #FEF7FD	RGB 254 247 253	#FEF7FD

#EFECEE #F1EDF0 #F4EFF2 #F6F1F5 #F9F3F7 #FBF5FA #FEF7FD

#EFECEE - #F6F1F5 - #FEF7FD

Códigos CSS

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

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