#A29193 - #E4DFDF | 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 #A29193 a #E4DFDF

#A29193 #E4DFDF

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

#A29193 - #E4DFDF | 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 #A29193 como 0% y #E4DFDF como 100%.

0.0%	0.0% #A29193	RGB 162 145 147	#A29193
16.7%	16.7% #AD9E9F	RGB 173 158 159	#AD9E9F
33.3%	33.3% #B8ABAC	RGB 184 171 172	#B8ABAC
50.0%	50.0% #C3B8B9	RGB 195 184 185	#C3B8B9
66.7%	66.7% #CEC5C5	RGB 206 197 197	#CEC5C5
83.3%	83.3% #D9D2D2	RGB 217 210 210	#D9D2D2
100.0%	100.0% #E4DFDF	RGB 228 223 223	#E4DFDF

#A29193 #AD9E9F #B8ABAC #C3B8B9 #CEC5C5 #D9D2D2 #E4DFDF

#A29193 - #E4DFDF

Mezcla HSV

#A29193 - #E4DFDF | 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 #A29193 como 0% y #E4DFDF como 100%.

0.0%	0.0% #A29193	RGB 162 145 147	#A29193
16.7%	16.7% #AD9D9E	RGB 173 157 158	#AD9D9E
33.3%	33.3% #B8A9AA	RGB 184 169 170	#B8A9AA
50.0%	50.0% #C3B6B7	RGB 195 182 183	#C3B6B7
66.7%	66.7% #CEC3C4	RGB 206 195 196	#CEC3C4
83.3%	83.3% #D9D1D1	RGB 217 209 209	#D9D1D1
100.0%	100.0% #E4DFDF	RGB 228 223 223	#E4DFDF

#A29193 #AD9D9E #B8A9AA #C3B6B7 #CEC3C4 #D9D1D1 #E4DFDF

#A29193 - #C3B6B7 - #E4DFDF

Códigos CSS

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

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