#ABAB8B - #FFDD9F | 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 #ABAB8B a #FFDD9F

#ABAB8B #FFDD9F

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

#ABAB8B - #FFDD9F | 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 #ABAB8B como 0% y #FFDD9F como 100%.

0.0%	0.0% #ABAB8B	RGB 171 171 139	#ABAB8B
16.7%	16.7% #B9B38E	RGB 185 179 142	#B9B38E
33.3%	33.3% #C7BB91	RGB 199 187 145	#C7BB91
50.0%	50.0% #D5C495	RGB 213 196 149	#D5C495
66.7%	66.7% #E3CC98	RGB 227 204 152	#E3CC98
83.3%	83.3% #F1D49B	RGB 241 212 155	#F1D49B
100.0%	100.0% #FFDD9F	RGB 255 221 159	#FFDD9F

#ABAB8B #B9B38E #C7BB91 #D5C495 #E3CC98 #F1D49B #FFDD9F

#ABAB8B - #FFDD9F

Mezcla HSV

#ABAB8B - #FFDD9F | 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 #ABAB8B como 0% y #FFDD9F como 100%.

0.0%	0.0% #ABAB8B	RGB 171 171 139	#ABAB8B
16.7%	16.7% #B9B690	RGB 185 182 144	#B9B690
33.3%	33.3% #C7C195	RGB 199 193 149	#C7C195
50.0%	50.0% #D5CA98	RGB 213 202 152	#D5CA98
66.7%	66.7% #E3D29B	RGB 227 210 155	#E3D29B
83.3%	83.3% #F1D89D	RGB 241 216 157	#F1D89D
100.0%	100.0% #FFDD9F	RGB 255 221 159	#FFDD9F

#ABAB8B #B9B690 #C7C195 #D5CA98 #E3D29B #F1D89D #FFDD9F

#ABAB8B - #D5CA98 - #FFDD9F

Códigos CSS

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

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