#1B1039 - #BDBAC6 | 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 #1B1039 a #BDBAC6

#1B1039 #BDBAC6

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

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

0.0%	0.0% #1B1039	RGB 27 16 57	#1B1039
16.7%	16.7% #362C50	RGB 54 44 80	#362C50
33.3%	33.3% #514868	RGB 81 72 104	#514868
50.0%	50.0% #6C657F	RGB 108 101 127	#6C657F
66.7%	66.7% #878197	RGB 135 129 151	#878197
83.3%	83.3% #A29DAE	RGB 162 157 174	#A29DAE
100.0%	100.0% #BDBAC6	RGB 189 186 198	#BDBAC6

#1B1039 #362C50 #514868 #6C657F #878197 #A29DAE #BDBAC6

#1B1039 - #BDBAC6

Mezcla HSV

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

0.0%	0.0% #1A1039	RGB 26 16 57	#1A1039
16.7%	16.7% #2C1F50	RGB 44 31 80	#2C1F50
33.3%	33.3% #413468	RGB 65 52 104	#413468
50.0%	50.0% #5A4D7F	RGB 90 77 127	#5A4D7F
66.7%	66.7% #776C97	RGB 119 108 151	#776C97
83.3%	83.3% #9890AE	RGB 152 144 174	#9890AE
100.0%	100.0% #BDBAC6	RGB 189 186 198	#BDBAC6

#1A1039 #2C1F50 #413468 #5A4D7F #776C97 #9890AE #BDBAC6

#1B1039 - #5A4D7F - #BDBAC6

Códigos CSS

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

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