#D5D5D1 - #AA9F82 | 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 #D5D5D1 a #AA9F82

#D5D5D1 #AA9F82

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

#D5D5D1 - #AA9F82 | 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 #D5D5D1 como 0% y #AA9F82 como 100%.

0.0%	0.0% #D5D5D1	RGB 213 213 209	#D5D5D1
16.7%	16.7% #CDCCC3	RGB 205 204 195	#CDCCC3
33.3%	33.3% #C6C3B6	RGB 198 195 182	#C6C3B6
50.0%	50.0% #BFBAA9	RGB 191 186 169	#BFBAA9
66.7%	66.7% #B8B19C	RGB 184 177 156	#B8B19C
83.3%	83.3% #B1A88F	RGB 177 168 143	#B1A88F
100.0%	100.0% #AA9F82	RGB 170 159 130	#AA9F82

#D5D5D1 #CDCCC3 #C6C3B6 #BFBAA9 #B8B19C #B1A88F #AA9F82

#D5D5D1 - #AA9F82

Mezcla HSV

#D5D5D1 - #AA9F82 | 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 #D5D5D1 como 0% y #AA9F82 como 100%.

0.0%	0.0% #D5D5D1	RGB 213 213 209	#D5D5D1
16.7%	16.7% #CDCDC2	RGB 205 205 194	#CDCDC2
33.3%	33.3% #C6C5B4	RGB 198 197 180	#C6C5B4
50.0%	50.0% #BFBCA7	RGB 191 188 167	#BFBCA7
66.7%	66.7% #B8B29A	RGB 184 178 154	#B8B29A
83.3%	83.3% #B1A98D	RGB 177 169 141	#B1A98D
100.0%	100.0% #AA9F82	RGB 170 159 130	#AA9F82

#D5D5D1 #CDCDC2 #C6C5B4 #BFBCA7 #B8B29A #B1A98D #AA9F82

#D5D5D1 - #BFBCA7 - #AA9F82

Códigos CSS

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

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