#91ABD2 - #DFE6F2 | 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 #91ABD2 a #DFE6F2

#91ABD2 #DFE6F2

Calcule el color entre dos colores, #91ABD2 y #DFE6F2. 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)

#91ABD2 - #DFE6F2 | 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 #91ABD2 como 0% y #DFE6F2 como 100%.

0.0%	0.0% #91ABD2	RGB 145 171 210	#91ABD2
16.7%	16.7% #9EB4D7	RGB 158 180 215	#9EB4D7
33.3%	33.3% #ABBEDC	RGB 171 190 220	#ABBEDC
50.0%	50.0% #B8C8E2	RGB 184 200 226	#B8C8E2
66.7%	66.7% #C5D2E7	RGB 197 210 231	#C5D2E7
83.3%	83.3% #D2DCEC	RGB 210 220 236	#D2DCEC
100.0%	100.0% #DFE6F2	RGB 223 230 242	#DFE6F2

#91ABD2 #9EB4D7 #ABBEDC #B8C8E2 #C5D2E7 #D2DCEC #DFE6F2

#91ABD2 - #DFE6F2

Mezcla HSV

#91ABD2 - #DFE6F2 | 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 #91ABD2 como 0% y #DFE6F2 como 100%.

0.0%	0.0% #91ABD2	RGB 145 171 210	#91ABD2
16.7%	16.7% #9CB4D7	RGB 156 180 215	#9CB4D7
33.3%	33.3% #A9BDDC	RGB 169 189 220	#A9BDDC
50.0%	50.0% #B6C6E2	RGB 182 198 226	#B6C6E2
66.7%	66.7% #C3D0E7	RGB 195 208 231	#C3D0E7
83.3%	83.3% #D0DBEC	RGB 208 219 236	#D0DBEC
100.0%	100.0% #DFE6F2	RGB 223 230 242	#DFE6F2

#91ABD2 #9CB4D7 #A9BDDC #B6C6E2 #C3D0E7 #D0DBEC #DFE6F2

#91ABD2 - #B6C6E2 - #DFE6F2

Códigos CSS

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

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