#1D1E2D - #BEBEC3 | 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 #1D1E2D a #BEBEC3

#1D1E2D #BEBEC3

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

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

0.0%	0.0% #1D1E2D	RGB 29 30 45	#1D1E2D
16.7%	16.7% #373846	RGB 55 56 70	#373846
33.3%	33.3% #52535F	RGB 82 83 95	#52535F
50.0%	50.0% #6D6E78	RGB 109 110 120	#6D6E78
66.7%	66.7% #888891	RGB 136 136 145	#888891
83.3%	83.3% #A3A3AA	RGB 163 163 170	#A3A3AA
100.0%	100.0% #BEBEC3	RGB 190 190 195	#BEBEC3

#1D1E2D #373846 #52535F #6D6E78 #888891 #A3A3AA #BEBEC3

#1D1E2D - #BEBEC3

Mezcla HSV

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

0.0%	0.0% #1D1E2D	RGB 29 30 45	#1D1E2D
16.7%	16.7% #303246	RGB 48 50 70	#303246
33.3%	33.3% #47485F	RGB 71 72 95	#47485F
50.0%	50.0% #616178	RGB 97 97 120	#616178
66.7%	66.7% #7D7D91	RGB 125 125 145	#7D7D91
83.3%	83.3% #9C9CAA	RGB 156 156 170	#9C9CAA
100.0%	100.0% #BEBEC3	RGB 190 190 195	#BEBEC3

#1D1E2D #303246 #47485F #616178 #7D7D91 #9C9CAA #BEBEC3

#1D1E2D - #616178 - #BEBEC3

Códigos CSS

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

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