#1D2018 - #BEBFBD | 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 #1D2018 a #BEBFBD

#1D2018 #BEBFBD

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

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

0.0%	0.0% #1D2018	RGB 29 32 24	#1D2018
16.7%	16.7% #373A33	RGB 55 58 51	#373A33
33.3%	33.3% #52554F	RGB 82 85 79	#52554F
50.0%	50.0% #6D6F6A	RGB 109 111 106	#6D6F6A
66.7%	66.7% #888A86	RGB 136 138 134	#888A86
83.3%	83.3% #A3A4A1	RGB 163 164 161	#A3A4A1
100.0%	100.0% #BEBFBD	RGB 190 191 189	#BEBFBD

#1D2018 #373A33 #52554F #6D6F6A #888A86 #A3A4A1 #BEBFBD

#1D2018 - #BEBFBD

Mezcla HSV

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

0.0%	0.0% #1D2018	RGB 29 32 24	#1D2018
16.7%	16.7% #353A2E	RGB 53 58 46	#353A2E
33.3%	33.3% #4E5546	RGB 78 85 70	#4E5546
50.0%	50.0% #696F60	RGB 105 111 96	#696F60
66.7%	66.7% #848A7D	RGB 132 138 125	#848A7D
83.3%	83.3% #A0A49C	RGB 160 164 156	#A0A49C
100.0%	100.0% #BEBFBD	RGB 190 191 189	#BEBFBD

#1D2018 #353A2E #4E5546 #696F60 #848A7D #A0A49C #BEBFBD

#1D2018 - #696F60 - #BEBFBD

Códigos CSS

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

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