#1B1750 - #BDBCCD | 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 #1B1750 a #BDBCCD

#1B1750 #BDBCCD

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

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

0.0%	0.0% #1B1750	RGB 27 23 80	#1B1750
16.7%	16.7% #363264	RGB 54 50 100	#363264
33.3%	33.3% #514E79	RGB 81 78 121	#514E79
50.0%	50.0% #6C698E	RGB 108 105 142	#6C698E
66.7%	66.7% #8785A3	RGB 135 133 163	#8785A3
83.3%	83.3% #A2A0B8	RGB 162 160 184	#A2A0B8
100.0%	100.0% #BDBCCD	RGB 189 188 205	#BDBCCD

#1B1750 #363264 #514E79 #6C698E #8785A3 #A2A0B8 #BDBCCD

#1B1750 - #BDBCCD

Mezcla HSV

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

0.0%	0.0% #1A1750	RGB 26 23 80	#1A1750
16.7%	16.7% #2B2764	RGB 43 39 100	#2B2764
33.3%	33.3% #403C79	RGB 64 60 121	#403C79
50.0%	50.0% #59558E	RGB 89 85 142	#59558E
66.7%	66.7% #7673A3	RGB 118 115 163	#7673A3
83.3%	83.3% #9795B8	RGB 151 149 184	#9795B8
100.0%	100.0% #BDBCCD	RGB 189 188 205	#BDBCCD

#1A1750 #2B2764 #403C79 #59558E #7673A3 #9795B8 #BDBCCD

#1B1750 - #59558E - #BDBCCD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A1750 0%, #59558E 50%, #BDBCCD 100%);
    background: -webkit-linear-gradient(top, #1A1750 0%, #59558E 50%, #BDBCCD 100%);
    background: linear-gradient(to bottom, #1A1750 0%, #59558E 50%, #BDBCCD 100%);
}
</style>