#DBBFB8 - #AC6F5E | 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 #DBBFB8 a #AC6F5E

#DBBFB8 #AC6F5E

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

#DBBFB8 - #AC6F5E | 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 #DBBFB8 como 0% y #AC6F5E como 100%.

0.0%	0.0% #DBBFB8	RGB 219 191 184	#DBBFB8
16.7%	16.7% #D3B1A9	RGB 211 177 169	#D3B1A9
33.3%	33.3% #CBA49A	RGB 203 164 154	#CBA49A
50.0%	50.0% #C3978B	RGB 195 151 139	#C3978B
66.7%	66.7% #BB897C	RGB 187 137 124	#BB897C
83.3%	83.3% #B37C6D	RGB 179 124 109	#B37C6D
100.0%	100.0% #AC6F5E	RGB 172 111 94	#AC6F5E

#DBBFB8 #D3B1A9 #CBA49A #C3978B #BB897C #B37C6D #AC6F5E

#DBBFB8 - #AC6F5E

Mezcla HSV

#DBBFB8 - #AC6F5E | 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 #DBBFB8 como 0% y #AC6F5E como 100%.

0.0%	0.0% #DBBFB8	RGB 219 191 184	#DBBFB8
16.7%	16.7% #D3B0A7	RGB 211 176 167	#D3B0A7
33.3%	33.3% #CBA196	RGB 203 161 150	#CBA196
50.0%	50.0% #C39487	RGB 195 148 135	#C39487
66.7%	66.7% #BB8778	RGB 187 135 120	#BB8778
83.3%	83.3% #B37A6B	RGB 179 122 107	#B37A6B
100.0%	100.0% #AC6F5E	RGB 172 111 94	#AC6F5E

#DBBFB8 #D3B0A7 #CBA196 #C39487 #BB8778 #B37A6B #AC6F5E

#DBBFB8 - #C39487 - #AC6F5E

Códigos CSS

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

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