#DEF9FE - #8FBCD3 | 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 #DEF9FE a #8FBCD3

#DEF9FE #8FBCD3

Calcule el color entre dos colores, #DEF9FE y #8FBCD3. 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)

#DEF9FE - #8FBCD3 | 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 #DEF9FE como 0% y #8FBCD3 como 100%.

0.0%	0.0% #DEF9FE	RGB 222 249 254	#DEF9FE
16.7%	16.7% #D0EEF6	RGB 208 238 246	#D0EEF6
33.3%	33.3% #C3E4EF	RGB 195 228 239	#C3E4EF
50.0%	50.0% #B6DAE8	RGB 182 218 232	#B6DAE8
66.7%	66.7% #A9D0E1	RGB 169 208 225	#A9D0E1
83.3%	83.3% #9CC6DA	RGB 156 198 218	#9CC6DA
100.0%	100.0% #8FBCD3	RGB 143 188 211	#8FBCD3

#DEF9FE #D0EEF6 #C3E4EF #B6DAE8 #A9D0E1 #9CC6DA #8FBCD3

#DEF9FE - #8FBCD3

Mezcla HSV

#DEF9FE - #8FBCD3 | 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 #DEF9FE como 0% y #8FBCD3 como 100%.

0.0%	0.0% #DEF9FE	RGB 222 249 254	#DEF9FE
16.7%	16.7% #CFEFF6	RGB 207 239 246	#CFEFF6
33.3%	33.3% #C1E5EF	RGB 193 229 239	#C1E5EF
50.0%	50.0% #B4DBE8	RGB 180 219 232	#B4DBE8
66.7%	66.7% #A7D1E1	RGB 167 209 225	#A7D1E1
83.3%	83.3% #9AC6DA	RGB 154 198 218	#9AC6DA
100.0%	100.0% #8FBCD3	RGB 143 188 211	#8FBCD3

#DEF9FE #CFEFF6 #C1E5EF #B4DBE8 #A7D1E1 #9AC6DA #8FBCD3

#DEF9FE - #B4DBE8 - #8FBCD3

Códigos CSS

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

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