#F0FFFF - #C7EEEF | 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 #F0FFFF a #C7EEEF

#F0FFFF #C7EEEF

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

#F0FFFF - #C7EEEF | 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 #F0FFFF como 0% y #C7EEEF como 100%.

0.0%	0.0% #F0FFFF	RGB 240 255 255	#F0FFFF
16.7%	16.7% #E9FCFC	RGB 233 252 252	#E9FCFC
33.3%	33.3% #E2F9F9	RGB 226 249 249	#E2F9F9
50.0%	50.0% #DBF6F7	RGB 219 246 247	#DBF6F7
66.7%	66.7% #D4F3F4	RGB 212 243 244	#D4F3F4
83.3%	83.3% #CDF0F1	RGB 205 240 241	#CDF0F1
100.0%	100.0% #C7EEEF	RGB 199 238 239	#C7EEEF

#F0FFFF #E9FCFC #E2F9F9 #DBF6F7 #D4F3F4 #CDF0F1 #C7EEEF

#F0FFFF - #C7EEEF

Mezcla HSV

#F0FFFF - #C7EEEF | 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 #F0FFFF como 0% y #C7EEEF como 100%.

0.0%	0.0% #F0FFFF	RGB 240 255 255	#F0FFFF
16.7%	16.7% #E8FCFC	RGB 232 252 252	#E8FCFC
33.3%	33.3% #E1F9F9	RGB 225 249 249	#E1F9F9
50.0%	50.0% #DBF6F7	RGB 219 246 247	#DBF6F7
66.7%	66.7% #D4F3F4	RGB 212 243 244	#D4F3F4
83.3%	83.3% #CDF0F1	RGB 205 240 241	#CDF0F1
100.0%	100.0% #C7EEEF	RGB 199 238 239	#C7EEEF

#F0FFFF #E8FCFC #E1F9F9 #DBF6F7 #D4F3F4 #CDF0F1 #C7EEEF

#F0FFFF - #DBF6F7 - #C7EEEF

Códigos CSS

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

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