#DBD8C0 - #B6A46D | 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 #DBD8C0 a #B6A46D

#DBD8C0 #B6A46D

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

#DBD8C0 - #B6A46D | 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 #DBD8C0 como 0% y #B6A46D como 100%.

0.0%	0.0% #DBD8C0	RGB 219 216 192	#DBD8C0
16.7%	16.7% #D4CFB2	RGB 212 207 178	#D4CFB2
33.3%	33.3% #CEC6A4	RGB 206 198 164	#CEC6A4
50.0%	50.0% #C8BE96	RGB 200 190 150	#C8BE96
66.7%	66.7% #C2B588	RGB 194 181 136	#C2B588
83.3%	83.3% #BCAC7A	RGB 188 172 122	#BCAC7A
100.0%	100.0% #B6A46D	RGB 182 164 109	#B6A46D

#DBD8C0 #D4CFB2 #CEC6A4 #C8BE96 #C2B588 #BCAC7A #B6A46D

#DBD8C0 - #B6A46D

Mezcla HSV

#DBD8C0 - #B6A46D | 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 #DBD8C0 como 0% y #B6A46D como 100%.

0.0%	0.0% #DBD8C0	RGB 219 216 192	#DBD8C0
16.7%	16.7% #D4D0B0	RGB 212 208 176	#D4D0B0
33.3%	33.3% #CEC7A2	RGB 206 199 162	#CEC7A2
50.0%	50.0% #C8BF93	RGB 200 191 147	#C8BF93
66.7%	66.7% #C2B686	RGB 194 182 134	#C2B686
83.3%	83.3% #BCAD79	RGB 188 173 121	#BCAD79
100.0%	100.0% #B6A46D	RGB 182 164 109	#B6A46D

#DBD8C0 #D4D0B0 #CEC7A2 #C8BF93 #C2B686 #BCAD79 #B6A46D

#DBD8C0 - #C8BF93 - #B6A46D

Códigos CSS

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

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