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

#DFDFDB #B5AC8F

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

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

0.0%	0.0% #DFDFDB	RGB 223 223 219	#DFDFDB
16.7%	16.7% #D8D6CE	RGB 216 214 206	#D8D6CE
33.3%	33.3% #D1CEC1	RGB 209 206 193	#D1CEC1
50.0%	50.0% #CAC5B5	RGB 202 197 181	#CAC5B5
66.7%	66.7% #C3BDA8	RGB 195 189 168	#C3BDA8
83.3%	83.3% #BCB49B	RGB 188 180 155	#BCB49B
100.0%	100.0% #B5AC8F	RGB 181 172 143	#B5AC8F

#DFDFDB #D8D6CE #D1CEC1 #CAC5B5 #C3BDA8 #BCB49B #B5AC8F

#DFDFDB - #B5AC8F

Mezcla HSV

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

0.0%	0.0% #DFDFDB	RGB 223 223 219	#DFDFDB
16.7%	16.7% #D8D7CD	RGB 216 215 205	#D8D7CD
33.3%	33.3% #D1CFBF	RGB 209 207 191	#D1CFBF
50.0%	50.0% #CAC7B2	RGB 202 199 178	#CAC7B2
66.7%	66.7% #C3BEA6	RGB 195 190 166	#C3BEA6
83.3%	83.3% #BCB59A	RGB 188 181 154	#BCB59A
100.0%	100.0% #B5AC8F	RGB 181 172 143	#B5AC8F

#DFDFDB #D8D7CD #D1CFBF #CAC7B2 #C3BEA6 #BCB59A #B5AC8F

#DFDFDB - #CAC7B2 - #B5AC8F

Códigos CSS

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

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