#848FEB - #DBDFF9 | 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 #848FEB a #DBDFF9

#848FEB #DBDFF9

Calcule el color entre dos colores, #848FEB y #DBDFF9. 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)

#848FEB - #DBDFF9 | 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 #848FEB como 0% y #DBDFF9 como 100%.

0.0%	0.0% #848FEB	RGB 132 143 235	#848FEB
16.7%	16.7% #929CED	RGB 146 156 237	#929CED
33.3%	33.3% #A1A9EF	RGB 161 169 239	#A1A9EF
50.0%	50.0% #AFB7F2	RGB 175 183 242	#AFB7F2
66.7%	66.7% #BEC4F4	RGB 190 196 244	#BEC4F4
83.3%	83.3% #CCD1F6	RGB 204 209 246	#CCD1F6
100.0%	100.0% #DBDFF9	RGB 219 223 249	#DBDFF9

#848FEB #929CED #A1A9EF #AFB7F2 #BEC4F4 #CCD1F6 #DBDFF9

#848FEB - #DBDFF9

Mezcla HSV

#848FEB - #DBDFF9 | 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 #848FEB como 0% y #DBDFF9 como 100%.

0.0%	0.0% #848FEB	RGB 132 143 235	#848FEB
16.7%	16.7% #919CED	RGB 145 156 237	#919CED
33.3%	33.3% #A0A9EF	RGB 160 169 239	#A0A9EF
50.0%	50.0% #AEB6F2	RGB 174 182 242	#AEB6F2
66.7%	66.7% #BDC3F4	RGB 189 195 244	#BDC3F4
83.3%	83.3% #CBD1F6	RGB 203 209 246	#CBD1F6
100.0%	100.0% #DBDFF9	RGB 219 223 249	#DBDFF9

#848FEB #919CED #A0A9EF #AEB6F2 #BDC3F4 #CBD1F6 #DBDFF9

#848FEB - #AEB6F2 - #DBDFF9

Códigos CSS

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

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