#F9F9FF - #A5C5CE | 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 #F9F9FF a #A5C5CE

#F9F9FF #A5C5CE

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

#F9F9FF - #A5C5CE | 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 #F9F9FF como 0% y #A5C5CE como 100%.

0.0%	0.0% #F9F9FF	RGB 249 249 255	#F9F9FF
16.7%	16.7% #EBF0F6	RGB 235 240 246	#EBF0F6
33.3%	33.3% #DDE7EE	RGB 221 231 238	#DDE7EE
50.0%	50.0% #CFDFE6	RGB 207 223 230	#CFDFE6
66.7%	66.7% #C1D6DE	RGB 193 214 222	#C1D6DE
83.3%	83.3% #B3CDD6	RGB 179 205 214	#B3CDD6
100.0%	100.0% #A5C5CE	RGB 165 197 206	#A5C5CE

#F9F9FF #EBF0F6 #DDE7EE #CFDFE6 #C1D6DE #B3CDD6 #A5C5CE

#F9F9FF - #A5C5CE

Mezcla HSV

#F9F9FF - #A5C5CE | 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 #F9F9FF como 0% y #A5C5CE como 100%.

0.0%	0.0% #F9F9FF	RGB 249 249 255	#F9F9FF
16.7%	16.7% #E9EBF6	RGB 233 235 246	#E9EBF6
33.3%	33.3% #DBE0EE	RGB 219 224 238	#DBE0EE
50.0%	50.0% #CCD6E6	RGB 204 214 230	#CCD6E6
66.7%	66.7% #BFCFDE	RGB 191 207 222	#BFCFDE
83.3%	83.3% #B1C9D6	RGB 177 201 214	#B1C9D6
100.0%	100.0% #A5C5CE	RGB 165 197 206	#A5C5CE

#F9F9FF #E9EBF6 #DBE0EE #CCD6E6 #BFCFDE #B1C9D6 #A5C5CE

#F9F9FF - #CCD6E6 - #A5C5CE

Códigos CSS

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

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