#A99F9F - #FFDFBE | 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 #A99F9F a #FFDFBE

#A99F9F #FFDFBE

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

#A99F9F - #FFDFBE | 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 #A99F9F como 0% y #FFDFBE como 100%.

0.0%	0.0% #A99F9F	RGB 169 159 159	#A99F9F
16.7%	16.7% #B7A9A4	RGB 183 169 164	#B7A9A4
33.3%	33.3% #C5B4A9	RGB 197 180 169	#C5B4A9
50.0%	50.0% #D4BFAE	RGB 212 191 174	#D4BFAE
66.7%	66.7% #E2C9B3	RGB 226 201 179	#E2C9B3
83.3%	83.3% #F0D4B8	RGB 240 212 184	#F0D4B8
100.0%	100.0% #FFDFBE	RGB 255 223 190	#FFDFBE

#A99F9F #B7A9A4 #C5B4A9 #D4BFAE #E2C9B3 #F0D4B8 #FFDFBE

#A99F9F - #FFDFBE

Mezcla HSV

#A99F9F - #FFDFBE | 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 #A99F9F como 0% y #FFDFBE como 100%.

0.0%	0.0% #A99F9F	RGB 169 159 159	#A99F9F
16.7%	16.7% #B7A7A6	RGB 183 167 166	#B7A7A6
33.3%	33.3% #C5B1AD	RGB 197 177 173	#C5B1AD
50.0%	50.0% #D4BBB2	RGB 212 187 178	#D4BBB2
66.7%	66.7% #E2C5B7	RGB 226 197 183	#E2C5B7
83.3%	83.3% #F0D1BB	RGB 240 209 187	#F0D1BB
100.0%	100.0% #FFDFBE	RGB 255 223 190	#FFDFBE

#A99F9F #B7A7A6 #C5B1AD #D4BBB2 #E2C5B7 #F0D1BB #FFDFBE

#A99F9F - #D4BBB2 - #FFDFBE

Códigos CSS

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

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