#91BAD2 - #DFEBF2 | 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 #91BAD2 a #DFEBF2

#91BAD2 #DFEBF2

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

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

0.0%	0.0% #91BAD2	RGB 145 186 210	#91BAD2
16.7%	16.7% #9EC2D7	RGB 158 194 215	#9EC2D7
33.3%	33.3% #ABCADC	RGB 171 202 220	#ABCADC
50.0%	50.0% #B8D2E2	RGB 184 210 226	#B8D2E2
66.7%	66.7% #C5DAE7	RGB 197 218 231	#C5DAE7
83.3%	83.3% #D2E2EC	RGB 210 226 236	#D2E2EC
100.0%	100.0% #DFEBF2	RGB 223 235 242	#DFEBF2

#91BAD2 #9EC2D7 #ABCADC #B8D2E2 #C5DAE7 #D2E2EC #DFEBF2

#91BAD2 - #DFEBF2

Mezcla HSV

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

0.0%	0.0% #91BAD2	RGB 145 186 210	#91BAD2
16.7%	16.7% #9CC1D7	RGB 156 193 215	#9CC1D7
33.3%	33.3% #A9C9DC	RGB 169 201 220	#A9C9DC
50.0%	50.0% #B6D1E2	RGB 182 209 226	#B6D1E2
66.7%	66.7% #C3DAE7	RGB 195 218 231	#C3DAE7
83.3%	83.3% #D0E2EC	RGB 208 226 236	#D0E2EC
100.0%	100.0% #DFEBF2	RGB 223 235 242	#DFEBF2

#91BAD2 #9CC1D7 #A9C9DC #B6D1E2 #C3DAE7 #D0E2EC #DFEBF2

#91BAD2 - #B6D1E2 - #DFEBF2

Códigos CSS

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

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