#EBF9F1 - #CCF1ED | 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 #EBF9F1 a #CCF1ED

#EBF9F1 #CCF1ED

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

#EBF9F1 - #CCF1ED | 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 #EBF9F1 como 0% y #CCF1ED como 100%.

0.0%	0.0% #EBF9F1	RGB 235 249 241	#EBF9F1
16.7%	16.7% #E5F7F0	RGB 229 247 240	#E5F7F0
33.3%	33.3% #E0F6EF	RGB 224 246 239	#E0F6EF
50.0%	50.0% #DBF5EF	RGB 219 245 239	#DBF5EF
66.7%	66.7% #D6F3EE	RGB 214 243 238	#D6F3EE
83.3%	83.3% #D1F2ED	RGB 209 242 237	#D1F2ED
100.0%	100.0% #CCF1ED	RGB 204 241 237	#CCF1ED

#EBF9F1 #E5F7F0 #E0F6EF #DBF5EF #D6F3EE #D1F2ED #CCF1ED

#EBF9F1 - #CCF1ED

Mezcla HSV

#EBF9F1 - #CCF1ED | 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 #EBF9F1 como 0% y #CCF1ED como 100%.

0.0%	0.0% #EBF9F1	RGB 235 249 241	#EBF9F1
16.7%	16.7% #E5F7EE	RGB 229 247 238	#E5F7EE
33.3%	33.3% #E0F6ED	RGB 224 246 237	#E0F6ED
50.0%	50.0% #DBF5EC	RGB 219 245 236	#DBF5EC
66.7%	66.7% #D6F3EB	RGB 214 243 235	#D6F3EB
83.3%	83.3% #D1F2EC	RGB 209 242 236	#D1F2EC
100.0%	100.0% #CCF1ED	RGB 204 241 237	#CCF1ED

#EBF9F1 #E5F7EE #E0F6ED #DBF5EC #D6F3EB #D1F2EC #CCF1ED

#EBF9F1 - #DBF5EC - #CCF1ED

Códigos CSS

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

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