#A28A7B - #E4DDD9 | 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 #A28A7B a #E4DDD9

#A28A7B #E4DDD9

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

#A28A7B - #E4DDD9 | 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 #A28A7B como 0% y #E4DDD9 como 100%.

0.0%	0.0% #A28A7B	RGB 162 138 123	#A28A7B
16.7%	16.7% #AD978A	RGB 173 151 138	#AD978A
33.3%	33.3% #B8A59A	RGB 184 165 154	#B8A59A
50.0%	50.0% #C3B3AA	RGB 195 179 170	#C3B3AA
66.7%	66.7% #CEC1B9	RGB 206 193 185	#CEC1B9
83.3%	83.3% #D9CFC9	RGB 217 207 201	#D9CFC9
100.0%	100.0% #E4DDD9	RGB 228 221 217	#E4DDD9

#A28A7B #AD978A #B8A59A #C3B3AA #CEC1B9 #D9CFC9 #E4DDD9

#A28A7B - #E4DDD9

Mezcla HSV

#A28A7B - #E4DDD9 | 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 #A28A7B como 0% y #E4DDD9 como 100%.

0.0%	0.0% #A28A7B	RGB 162 138 123	#A28A7B
16.7%	16.7% #AD9688	RGB 173 150 136	#AD9688
33.3%	33.3% #B8A397	RGB 184 163 151	#B8A397
50.0%	50.0% #C3B1A6	RGB 195 177 166	#C3B1A6
66.7%	66.7% #CEBFB6	RGB 206 191 182	#CEBFB6
83.3%	83.3% #D9CDC7	RGB 217 205 199	#D9CDC7
100.0%	100.0% #E4DDD9	RGB 228 221 217	#E4DDD9

#A28A7B #AD9688 #B8A397 #C3B1A6 #CEBFB6 #D9CDC7 #E4DDD9

#A28A7B - #C3B1A6 - #E4DDD9

Códigos CSS

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

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