#83928B - #DBDFDD | 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 #83928B a #DBDFDD

#83928B #DBDFDD

Calcule el color entre dos colores, #83928B y #DBDFDD. 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)

#83928B - #DBDFDD | 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 #83928B como 0% y #DBDFDD como 100%.

0.0%	0.0% #83928B	RGB 131 146 139	#83928B
16.7%	16.7% #919E98	RGB 145 158 152	#919E98
33.3%	33.3% #A0ABA6	RGB 160 171 166	#A0ABA6
50.0%	50.0% #AFB8B4	RGB 175 184 180	#AFB8B4
66.7%	66.7% #BDC5C1	RGB 189 197 193	#BDC5C1
83.3%	83.3% #CCD2CF	RGB 204 210 207	#CCD2CF
100.0%	100.0% #DBDFDD	RGB 219 223 221	#DBDFDD

#83928B #919E98 #A0ABA6 #AFB8B4 #BDC5C1 #CCD2CF #DBDFDD

#83928B - #DBDFDD

Mezcla HSV

#83928B - #DBDFDD | 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 #83928B como 0% y #DBDFDD como 100%.

0.0%	0.0% #83928B	RGB 131 146 139	#83928B
16.7%	16.7% #909E98	RGB 144 158 152	#909E98
33.3%	33.3% #9EABA5	RGB 158 171 165	#9EABA5
50.0%	50.0% #ADB8B3	RGB 173 184 179	#ADB8B3
66.7%	66.7% #BCC5C0	RGB 188 197 192	#BCC5C0
83.3%	83.3% #CBD2CE	RGB 203 210 206	#CBD2CE
100.0%	100.0% #DBDFDD	RGB 219 223 221	#DBDFDD

#83928B #909E98 #9EABA5 #ADB8B3 #BCC5C0 #CBD2CE #DBDFDD

#83928B - #ADB8B3 - #DBDFDD

Códigos CSS

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

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