#A28C92 - #E4DEDF | 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 #A28C92 a #E4DEDF

#A28C92 #E4DEDF

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

#A28C92 - #E4DEDF | 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 #A28C92 como 0% y #E4DEDF como 100%.

0.0%	0.0% #A28C92	RGB 162 140 146	#A28C92
16.7%	16.7% #AD999E	RGB 173 153 158	#AD999E
33.3%	33.3% #B8A7AB	RGB 184 167 171	#B8A7AB
50.0%	50.0% #C3B5B8	RGB 195 181 184	#C3B5B8
66.7%	66.7% #CEC2C5	RGB 206 194 197	#CEC2C5
83.3%	83.3% #D9D0D2	RGB 217 208 210	#D9D0D2
100.0%	100.0% #E4DEDF	RGB 228 222 223	#E4DEDF

#A28C92 #AD999E #B8A7AB #C3B5B8 #CEC2C5 #D9D0D2 #E4DEDF

#A28C92 - #E4DEDF

Mezcla HSV

#A28C92 - #E4DEDF | 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 #A28C92 como 0% y #E4DEDF como 100%.

0.0%	0.0% #A28C92	RGB 162 140 146	#A28C92
16.7%	16.7% #AD989D	RGB 173 152 157	#AD989D
33.3%	33.3% #B8A5AA	RGB 184 165 170	#B8A5AA
50.0%	50.0% #C3B3B6	RGB 195 179 182	#C3B3B6
66.7%	66.7% #CEC1C3	RGB 206 193 195	#CEC1C3
83.3%	83.3% #D9CFD1	RGB 217 207 209	#D9CFD1
100.0%	100.0% #E4DEDF	RGB 228 222 223	#E4DEDF

#A28C92 #AD989D #B8A5AA #C3B3B6 #CEC1C3 #D9CFD1 #E4DEDF

#A28C92 - #C3B3B6 - #E4DEDF

Códigos CSS

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

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