#89819B - #DDDBE2 | 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 #89819B a #DDDBE2

#89819B #DDDBE2

Calcule el color entre dos colores, #89819B y #DDDBE2. 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)

#89819B - #DDDBE2 | 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 #89819B como 0% y #DDDBE2 como 100%.

0.0%	0.0% #89819B	RGB 137 129 155	#89819B
16.7%	16.7% #9790A6	RGB 151 144 166	#9790A6
33.3%	33.3% #A59FB2	RGB 165 159 178	#A59FB2
50.0%	50.0% #B3AEBE	RGB 179 174 190	#B3AEBE
66.7%	66.7% #C1BDCA	RGB 193 189 202	#C1BDCA
83.3%	83.3% #CFCCD6	RGB 207 204 214	#CFCCD6
100.0%	100.0% #DDDBE2	RGB 221 219 226	#DDDBE2

#89819B #9790A6 #A59FB2 #B3AEBE #C1BDCA #CFCCD6 #DDDBE2

#89819B - #DDDBE2

Mezcla HSV

#89819B - #DDDBE2 | 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 #89819B como 0% y #DDDBE2 como 100%.

0.0%	0.0% #89819B	RGB 137 129 155	#89819B
16.7%	16.7% #968EA6	RGB 150 142 166	#968EA6
33.3%	33.3% #A39CB2	RGB 163 156 178	#A39CB2
50.0%	50.0% #B1ABBE	RGB 177 171 190	#B1ABBE
66.7%	66.7% #BFBACA	RGB 191 186 202	#BFBACA
83.3%	83.3% #CDCAD6	RGB 205 202 214	#CDCAD6
100.0%	100.0% #DDDBE2	RGB 221 219 226	#DDDBE2

#89819B #968EA6 #A39CB2 #B1ABBE #BFBACA #CDCAD6 #DDDBE2

#89819B - #B1ABBE - #DDDBE2

Códigos CSS

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

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