#919283 - #DFDFDB | 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 #919283 a #DFDFDB

#919283 #DFDFDB

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

#919283 - #DFDFDB | 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 #919283 como 0% y #DFDFDB como 100%.

0.0%	0.0% #919283	RGB 145 146 131	#919283
16.7%	16.7% #9E9E91	RGB 158 158 145	#9E9E91
33.3%	33.3% #ABABA0	RGB 171 171 160	#ABABA0
50.0%	50.0% #B8B8AF	RGB 184 184 175	#B8B8AF
66.7%	66.7% #C5C5BD	RGB 197 197 189	#C5C5BD
83.3%	83.3% #D2D2CC	RGB 210 210 204	#D2D2CC
100.0%	100.0% #DFDFDB	RGB 223 223 219	#DFDFDB

#919283 #9E9E91 #ABABA0 #B8B8AF #C5C5BD #D2D2CC #DFDFDB

#919283 - #DFDFDB

Mezcla HSV

#919283 - #DFDFDB | 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 #919283 como 0% y #DFDFDB como 100%.

0.0%	0.0% #919283	RGB 145 146 131	#919283
16.7%	16.7% #9E9E90	RGB 158 158 144	#9E9E90
33.3%	33.3% #ABAB9E	RGB 171 171 158	#ABAB9E
50.0%	50.0% #B8B8AD	RGB 184 184 173	#B8B8AD
66.7%	66.7% #C5C5BC	RGB 197 197 188	#C5C5BC
83.3%	83.3% #D2D2CB	RGB 210 210 203	#D2D2CB
100.0%	100.0% #DFDFDB	RGB 223 223 219	#DFDFDB

#919283 #9E9E90 #ABAB9E #B8B8AD #C5C5BC #D2D2CB #DFDFDB

#919283 - #B8B8AD - #DFDFDB

Códigos CSS

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

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