#91BFD8 - #DFECF3 | 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 #91BFD8 a #DFECF3

#91BFD8 #DFECF3

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

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

0.0%	0.0% #91BFD8	RGB 145 191 216	#91BFD8
16.7%	16.7% #9EC6DC	RGB 158 198 220	#9EC6DC
33.3%	33.3% #ABCEE1	RGB 171 206 225	#ABCEE1
50.0%	50.0% #B8D5E5	RGB 184 213 229	#B8D5E5
66.7%	66.7% #C5DDEA	RGB 197 221 234	#C5DDEA
83.3%	83.3% #D2E4EE	RGB 210 228 238	#D2E4EE
100.0%	100.0% #DFECF3	RGB 223 236 243	#DFECF3

#91BFD8 #9EC6DC #ABCEE1 #B8D5E5 #C5DDEA #D2E4EE #DFECF3

#91BFD8 - #DFECF3

Mezcla HSV

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

0.0%	0.0% #91BFD8	RGB 145 191 216	#91BFD8
16.7%	16.7% #9DC6DC	RGB 157 198 220	#9DC6DC
33.3%	33.3% #A9CDE1	RGB 169 205 225	#A9CDE1
50.0%	50.0% #B6D4E5	RGB 182 212 229	#B6D4E5
66.7%	66.7% #C3DCEA	RGB 195 220 234	#C3DCEA
83.3%	83.3% #D1E4EE	RGB 209 228 238	#D1E4EE
100.0%	100.0% #DFECF3	RGB 223 236 243	#DFECF3

#91BFD8 #9DC6DC #A9CDE1 #B6D4E5 #C3DCEA #D1E4EE #DFECF3

#91BFD8 - #B6D4E5 - #DFECF3

Códigos CSS

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

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