#9A868C - #E2DCDD | 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 #9A868C a #E2DCDD

#9A868C #E2DCDD

Calcule el color entre dos colores, #9A868C y #E2DCDD. 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)

#9A868C - #E2DCDD | 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 #9A868C como 0% y #E2DCDD como 100%.

0.0%	0.0% #9A868C	RGB 154 134 140	#9A868C
16.7%	16.7% #A69499	RGB 166 148 153	#A69499
33.3%	33.3% #B2A2A7	RGB 178 162 167	#B2A2A7
50.0%	50.0% #BEB1B4	RGB 190 177 180	#BEB1B4
66.7%	66.7% #CABFC2	RGB 202 191 194	#CABFC2
83.3%	83.3% #D6CDCF	RGB 214 205 207	#D6CDCF
100.0%	100.0% #E2DCDD	RGB 226 220 221	#E2DCDD

#9A868C #A69499 #B2A2A7 #BEB1B4 #CABFC2 #D6CDCF #E2DCDD

#9A868C - #E2DCDD

Mezcla HSV

#9A868C - #E2DCDD | 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 #9A868C como 0% y #E2DCDD como 100%.

0.0%	0.0% #9A868C	RGB 154 134 140	#9A868C
16.7%	16.7% #A69398	RGB 166 147 152	#A69398
33.3%	33.3% #B2A1A5	RGB 178 161 165	#B2A1A5
50.0%	50.0% #BEAFB2	RGB 190 175 178	#BEAFB2
66.7%	66.7% #CABDC0	RGB 202 189 192	#CABDC0
83.3%	83.3% #D6CCCE	RGB 214 204 206	#D6CCCE
100.0%	100.0% #E2DCDD	RGB 226 220 221	#E2DCDD

#9A868C #A69398 #B2A1A5 #BEAFB2 #CABDC0 #D6CCCE #E2DCDD

#9A868C - #BEAFB2 - #E2DCDD

Códigos CSS

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

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