#9A829B - #E2DBE2 | 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 #9A829B a #E2DBE2

#9A829B #E2DBE2

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

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

0.0%	0.0% #9A829B	RGB 154 130 155	#9A829B
16.7%	16.7% #A690A6	RGB 166 144 166	#A690A6
33.3%	33.3% #B29FB2	RGB 178 159 178	#B29FB2
50.0%	50.0% #BEAEBE	RGB 190 174 190	#BEAEBE
66.7%	66.7% #CABDCA	RGB 202 189 202	#CABDCA
83.3%	83.3% #D6CCD6	RGB 214 204 214	#D6CCD6
100.0%	100.0% #E2DBE2	RGB 226 219 226	#E2DBE2

#9A829B #A690A6 #B29FB2 #BEAEBE #CABDCA #D6CCD6 #E2DBE2

#9A829B - #E2DBE2

Mezcla HSV

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

0.0%	0.0% #9A829B	RGB 154 130 155	#9A829B
16.7%	16.7% #A68FA6	RGB 166 143 166	#A68FA6
33.3%	33.3% #B29DB2	RGB 178 157 178	#B29DB2
50.0%	50.0% #BEACBE	RGB 190 172 190	#BEACBE
66.7%	66.7% #CABBCA	RGB 202 187 202	#CABBCA
83.3%	83.3% #D6CAD6	RGB 214 202 214	#D6CAD6
100.0%	100.0% #E2DBE2	RGB 226 219 226	#E2DBE2

#9A829B #A68FA6 #B29DB2 #BEACBE #CABBCA #D6CAD6 #E2DBE2

#9A829B - #BEACBE - #E2DBE2

Códigos CSS

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

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