#AF919C - #E8DFE2 | 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 #AF919C a #E8DFE2

#AF919C #E8DFE2

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

#AF919C - #E8DFE2 | 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 #AF919C como 0% y #E8DFE2 como 100%.

0.0%	0.0% #AF919C	RGB 175 145 156	#AF919C
16.7%	16.7% #B89EA7	RGB 184 158 167	#B89EA7
33.3%	33.3% #C2ABB3	RGB 194 171 179	#C2ABB3
50.0%	50.0% #CBB8BF	RGB 203 184 191	#CBB8BF
66.7%	66.7% #D5C5CA	RGB 213 197 202	#D5C5CA
83.3%	83.3% #DED2D6	RGB 222 210 214	#DED2D6
100.0%	100.0% #E8DFE2	RGB 232 223 226	#E8DFE2

#AF919C #B89EA7 #C2ABB3 #CBB8BF #D5C5CA #DED2D6 #E8DFE2

#AF919C - #E8DFE2

Mezcla HSV

#AF919C - #E8DFE2 | 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 #AF919C como 0% y #E8DFE2 como 100%.

0.0%	0.0% #AF919C	RGB 175 145 156	#AF919C
16.7%	16.7% #B89CA6	RGB 184 156 166	#B89CA6
33.3%	33.3% #C2A9B2	RGB 194 169 178	#C2A9B2
50.0%	50.0% #CBB6BD	RGB 203 182 189	#CBB6BD
66.7%	66.7% #D5C3C9	RGB 213 195 201	#D5C3C9
83.3%	83.3% #DED0D5	RGB 222 208 213	#DED0D5
100.0%	100.0% #E8DFE2	RGB 232 223 226	#E8DFE2

#AF919C #B89CA6 #C2A9B2 #CBB6BD #D5C3C9 #DED0D5 #E8DFE2

#AF919C - #CBB6BD - #E8DFE2

Códigos CSS

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

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