#DFDEE7 - #838EAF | 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 #DFDEE7 a #838EAF

#DFDEE7 #838EAF

Calcule el color entre dos colores, #DFDEE7 y #838EAF. 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)

#DFDEE7 - #838EAF | 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 #DFDEE7 como 0% y #838EAF como 100%.

0.0%	0.0% #DFDEE7	RGB 223 222 231	#DFDEE7
16.7%	16.7% #CFD0DD	RGB 207 208 221	#CFD0DD
33.3%	33.3% #C0C3D4	RGB 192 195 212	#C0C3D4
50.0%	50.0% #B1B6CB	RGB 177 182 203	#B1B6CB
66.7%	66.7% #A1A8C1	RGB 161 168 193	#A1A8C1
83.3%	83.3% #929BB8	RGB 146 155 184	#929BB8
100.0%	100.0% #838EAF	RGB 131 142 175	#838EAF

#DFDEE7 #CFD0DD #C0C3D4 #B1B6CB #A1A8C1 #929BB8 #838EAF

#DFDEE7 - #838EAF

Mezcla HSV

#DFDEE7 - #838EAF | 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 #DFDEE7 como 0% y #838EAF como 100%.

0.0%	0.0% #DFDEE7	RGB 223 222 231	#DFDEE7
16.7%	16.7% #CECDDD	RGB 206 205 221	#CECDDD
33.3%	33.3% #BDBDD4	RGB 189 189 212	#BDBDD4
50.0%	50.0% #ADAFCB	RGB 173 175 203	#ADAFCB
66.7%	66.7% #9EA3C1	RGB 158 163 193	#9EA3C1
83.3%	83.3% #9098B8	RGB 144 152 184	#9098B8
100.0%	100.0% #838EAF	RGB 131 142 175	#838EAF

#DFDEE7 #CECDDD #BDBDD4 #ADAFCB #9EA3C1 #9098B8 #838EAF

#DFDEE7 - #ADAFCB - #838EAF

Códigos CSS

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

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