#82827E - #DBDBDA | 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 #82827E a #DBDBDA

#82827E #DBDBDA

Calcule el color entre dos colores, #82827E y #DBDBDA. 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)

#82827E - #DBDBDA | 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 #82827E como 0% y #DBDBDA como 100%.

0.0%	0.0% #82827E	RGB 130 130 126	#82827E
16.7%	16.7% #90908D	RGB 144 144 141	#90908D
33.3%	33.3% #9F9F9C	RGB 159 159 156	#9F9F9C
50.0%	50.0% #AEAEAC	RGB 174 174 172	#AEAEAC
66.7%	66.7% #BDBDBB	RGB 189 189 187	#BDBDBB
83.3%	83.3% #CCCCCA	RGB 204 204 202	#CCCCCA
100.0%	100.0% #DBDBDA	RGB 219 219 218	#DBDBDA

#82827E #90908D #9F9F9C #AEAEAC #BDBDBB #CCCCCA #DBDBDA

#82827E - #DBDBDA

Mezcla HSV

#82827E - #DBDBDA | 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 #82827E como 0% y #DBDBDA como 100%.

0.0%	0.0% #82827E	RGB 130 130 126	#82827E
16.7%	16.7% #90908D	RGB 144 144 141	#90908D
33.3%	33.3% #9F9F9C	RGB 159 159 156	#9F9F9C
50.0%	50.0% #AEAEAB	RGB 174 174 171	#AEAEAB
66.7%	66.7% #BDBDBA	RGB 189 189 186	#BDBDBA
83.3%	83.3% #CCCCCA	RGB 204 204 202	#CCCCCA
100.0%	100.0% #DBDBDA	RGB 219 219 218	#DBDBDA

#82827E #90908D #9F9F9C #AEAEAB #BDBDBA #CCCCCA #DBDBDA

#82827E - #AEAEAB - #DBDBDA

Códigos CSS

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

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