#EBF5E7 - #FCFFFE | 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 #EBF5E7 a #FCFFFE

#EBF5E7 #FCFFFE

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

#EBF5E7 - #FCFFFE | 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 #EBF5E7 como 0% y #FCFFFE como 100%.

0.0%	0.0% #EBF5E7	RGB 235 245 231	#EBF5E7
16.7%	16.7% #EDF6EA	RGB 237 246 234	#EDF6EA
33.3%	33.3% #F0F8EE	RGB 240 248 238	#F0F8EE
50.0%	50.0% #F3FAF2	RGB 243 250 242	#F3FAF2
66.7%	66.7% #F6FBF6	RGB 246 251 246	#F6FBF6
83.3%	83.3% #F9FDFA	RGB 249 253 250	#F9FDFA
100.0%	100.0% #FCFFFE	RGB 252 255 254	#FCFFFE

#EBF5E7 #EDF6EA #F0F8EE #F3FAF2 #F6FBF6 #F9FDFA #FCFFFE

#EBF5E7 - #FCFFFE

Mezcla HSV

#EBF5E7 - #FCFFFE | 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 #EBF5E7 como 0% y #FCFFFE como 100%.

0.0%	0.0% #EBF5E7	RGB 235 245 231	#EBF5E7
16.7%	16.7% #EBF6EA	RGB 235 246 234	#EBF6EA
33.3%	33.3% #EDF8EE	RGB 237 248 238	#EDF8EE
50.0%	50.0% #F1FAF3	RGB 241 250 243	#F1FAF3
66.7%	66.7% #F4FBF7	RGB 244 251 247	#F4FBF7
83.3%	83.3% #F8FDFA	RGB 248 253 250	#F8FDFA
100.0%	100.0% #FCFFFE	RGB 252 255 254	#FCFFFE

#EBF5E7 #EBF6EA #EDF8EE #F1FAF3 #F4FBF7 #F8FDFA #FCFFFE

#EBF5E7 - #F1FAF3 - #FCFFFE

Códigos CSS

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

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