#DFDEE9 - #858EB2 | 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 #DFDEE9 a #858EB2

#DFDEE9 #858EB2

Calcule el color entre dos colores, #DFDEE9 y #858EB2. 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)

#DFDEE9 - #858EB2 | 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 #DFDEE9 como 0% y #858EB2 como 100%.

0.0%	0.0% #DFDEE9	RGB 223 222 233	#DFDEE9
16.7%	16.7% #D0D0DF	RGB 208 208 223	#D0D0DF
33.3%	33.3% #C1C3D6	RGB 193 195 214	#C1C3D6
50.0%	50.0% #B2B6CD	RGB 178 182 205	#B2B6CD
66.7%	66.7% #A3A8C4	RGB 163 168 196	#A3A8C4
83.3%	83.3% #949BBB	RGB 148 155 187	#949BBB
100.0%	100.0% #858EB2	RGB 133 142 178	#858EB2

#DFDEE9 #D0D0DF #C1C3D6 #B2B6CD #A3A8C4 #949BBB #858EB2

#DFDEE9 - #858EB2

Mezcla HSV

#DFDEE9 - #858EB2 | 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 #DFDEE9 como 0% y #858EB2 como 100%.

0.0%	0.0% #DFDEE9	RGB 223 222 233	#DFDEE9
16.7%	16.7% #CECDDF	RGB 206 205 223	#CECDDF
33.3%	33.3% #BDBDD6	RGB 189 189 214	#BDBDD6
50.0%	50.0% #AEB0CD	RGB 174 176 205	#AEB0CD
66.7%	66.7% #A0A3C4	RGB 160 163 196	#A0A3C4
83.3%	83.3% #9298BB	RGB 146 152 187	#9298BB
100.0%	100.0% #858EB2	RGB 133 142 178	#858EB2

#DFDEE9 #CECDDF #BDBDD6 #AEB0CD #A0A3C4 #9298BB #858EB2

#DFDEE9 - #AEB0CD - #858EB2

Códigos CSS

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

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