#1E2250 - #BEBFCD | 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 #1E2250 a #BEBFCD

#1E2250 #BEBFCD

Calcule el color entre dos colores, #1E2250 y #BEBFCD. 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)

#1E2250 - #BEBFCD | 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 #1E2250 como 0% y #BEBFCD como 100%.

0.0%	0.0% #1E2250	RGB 30 34 80	#1E2250
16.7%	16.7% #383C64	RGB 56 60 100	#383C64
33.3%	33.3% #535679	RGB 83 86 121	#535679
50.0%	50.0% #6E708E	RGB 110 112 142	#6E708E
66.7%	66.7% #888AA3	RGB 136 138 163	#888AA3
83.3%	83.3% #A3A4B8	RGB 163 164 184	#A3A4B8
100.0%	100.0% #BEBFCD	RGB 190 191 205	#BEBFCD

#1E2250 #383C64 #535679 #6E708E #888AA3 #A3A4B8 #BEBFCD

#1E2250 - #BEBFCD

Mezcla HSV

#1E2250 - #BEBFCD | 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 #1E2250 como 0% y #BEBFCD como 100%.

0.0%	0.0% #1E2250	RGB 30 34 80	#1E2250
16.7%	16.7% #2F3364	RGB 47 51 100	#2F3364
33.3%	33.3% #444879	RGB 68 72 121	#444879
50.0%	50.0% #5C608E	RGB 92 96 142	#5C608E
66.7%	66.7% #797CA3	RGB 121 124 163	#797CA3
83.3%	83.3% #999BB8	RGB 153 155 184	#999BB8
100.0%	100.0% #BEBFCD	RGB 190 191 205	#BEBFCD

#1E2250 #2F3364 #444879 #5C608E #797CA3 #999BB8 #BEBFCD

#1E2250 - #5C608E - #BEBFCD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E2250 0%, #5C608E 50%, #BEBFCD 100%);
    background: -webkit-linear-gradient(top, #1E2250 0%, #5C608E 50%, #BEBFCD 100%);
    background: linear-gradient(to bottom, #1E2250 0%, #5C608E 50%, #BEBFCD 100%);
}
</style>