#838C92 - #DBDDDF | 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 #838C92 a #DBDDDF

#838C92 #DBDDDF

Calcule el color entre dos colores, #838C92 y #DBDDDF. 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)

#838C92 - #DBDDDF | 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 #838C92 como 0% y #DBDDDF como 100%.

0.0%	0.0% #838C92	RGB 131 140 146	#838C92
16.7%	16.7% #91999E	RGB 145 153 158	#91999E
33.3%	33.3% #A0A7AB	RGB 160 167 171	#A0A7AB
50.0%	50.0% #AFB4B8	RGB 175 180 184	#AFB4B8
66.7%	66.7% #BDC2C5	RGB 189 194 197	#BDC2C5
83.3%	83.3% #CCCFD2	RGB 204 207 210	#CCCFD2
100.0%	100.0% #DBDDDF	RGB 219 221 223	#DBDDDF

#838C92 #91999E #A0A7AB #AFB4B8 #BDC2C5 #CCCFD2 #DBDDDF

#838C92 - #DBDDDF

Mezcla HSV

#838C92 - #DBDDDF | 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 #838C92 como 0% y #DBDDDF como 100%.

0.0%	0.0% #838C92	RGB 131 140 146	#838C92
16.7%	16.7% #90989E	RGB 144 152 158	#90989E
33.3%	33.3% #9EA6AB	RGB 158 166 171	#9EA6AB
50.0%	50.0% #ADB3B8	RGB 173 179 184	#ADB3B8
66.7%	66.7% #BCC1C5	RGB 188 193 197	#BCC1C5
83.3%	83.3% #CBCED2	RGB 203 206 210	#CBCED2
100.0%	100.0% #DBDDDF	RGB 219 221 223	#DBDDDF

#838C92 #90989E #9EA6AB #ADB3B8 #BCC1C5 #CBCED2 #DBDDDF

#838C92 - #ADB3B8 - #DBDDDF

Códigos CSS

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

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