#839192 - #DBDFDF | 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 #839192 a #DBDFDF

#839192 #DBDFDF

Calcule el color entre dos colores, #839192 y #DBDFDF. 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)

#839192 - #DBDFDF | 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 #839192 como 0% y #DBDFDF como 100%.

0.0%	0.0% #839192	RGB 131 145 146	#839192
16.7%	16.7% #919E9E	RGB 145 158 158	#919E9E
33.3%	33.3% #A0ABAB	RGB 160 171 171	#A0ABAB
50.0%	50.0% #AFB8B8	RGB 175 184 184	#AFB8B8
66.7%	66.7% #BDC5C5	RGB 189 197 197	#BDC5C5
83.3%	83.3% #CCD2D2	RGB 204 210 210	#CCD2D2
100.0%	100.0% #DBDFDF	RGB 219 223 223	#DBDFDF

#839192 #919E9E #A0ABAB #AFB8B8 #BDC5C5 #CCD2D2 #DBDFDF

#839192 - #DBDFDF

Mezcla HSV

#839192 - #DBDFDF | 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 #839192 como 0% y #DBDFDF como 100%.

0.0%	0.0% #839192	RGB 131 145 146	#839192
16.7%	16.7% #909E9E	RGB 144 158 158	#909E9E
33.3%	33.3% #9EABAB	RGB 158 171 171	#9EABAB
50.0%	50.0% #ADB8B8	RGB 173 184 184	#ADB8B8
66.7%	66.7% #BCC5C5	RGB 188 197 197	#BCC5C5
83.3%	83.3% #CBD2D2	RGB 203 210 210	#CBD2D2
100.0%	100.0% #DBDFDF	RGB 219 223 223	#DBDFDF

#839192 #909E9E #9EABAB #ADB8B8 #BCC5C5 #CBD2D2 #DBDFDF

#839192 - #ADB8B8 - #DBDFDF

Códigos CSS

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

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