#DBD9CE - #B5A37E | 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 #DBD9CE a #B5A37E

#DBD9CE #B5A37E

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

#DBD9CE - #B5A37E | 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 #DBD9CE como 0% y #B5A37E como 100%.

0.0%	0.0% #DBD9CE	RGB 219 217 206	#DBD9CE
16.7%	16.7% #D4D0C0	RGB 212 208 192	#D4D0C0
33.3%	33.3% #CEC7B3	RGB 206 199 179	#CEC7B3
50.0%	50.0% #C8BEA6	RGB 200 190 166	#C8BEA6
66.7%	66.7% #C1B598	RGB 193 181 152	#C1B598
83.3%	83.3% #BBAC8B	RGB 187 172 139	#BBAC8B
100.0%	100.0% #B5A37E	RGB 181 163 126	#B5A37E

#DBD9CE #D4D0C0 #CEC7B3 #C8BEA6 #C1B598 #BBAC8B #B5A37E

#DBD9CE - #B5A37E

Mezcla HSV

#DBD9CE - #B5A37E | 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 #DBD9CE como 0% y #B5A37E como 100%.

0.0%	0.0% #DBD9CE	RGB 219 217 206	#DBD9CE
16.7%	16.7% #D4D0BF	RGB 212 208 191	#D4D0BF
33.3%	33.3% #CEC8B1	RGB 206 200 177	#CEC8B1
50.0%	50.0% #C8BFA3	RGB 200 191 163	#C8BFA3
66.7%	66.7% #C1B696	RGB 193 182 150	#C1B696
83.3%	83.3% #BBAC8A	RGB 187 172 138	#BBAC8A
100.0%	100.0% #B5A37E	RGB 181 163 126	#B5A37E

#DBD9CE #D4D0BF #CEC8B1 #C8BFA3 #C1B696 #BBAC8A #B5A37E

#DBD9CE - #C8BFA3 - #B5A37E

Códigos CSS

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

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