#DDDEDF - #8C9DA4 | 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 #DDDEDF a #8C9DA4

#DDDEDF #8C9DA4

Calcule el color entre dos colores, #DDDEDF y #8C9DA4. 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)

#DDDEDF - #8C9DA4 | 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 #DDDEDF como 0% y #8C9DA4 como 100%.

0.0%	0.0% #DDDEDF	RGB 221 222 223	#DDDEDF
16.7%	16.7% #CFD3D5	RGB 207 211 213	#CFD3D5
33.3%	33.3% #C2C8CB	RGB 194 200 203	#C2C8CB
50.0%	50.0% #B4BDC1	RGB 180 189 193	#B4BDC1
66.7%	66.7% #A7B2B7	RGB 167 178 183	#A7B2B7
83.3%	83.3% #99A7AD	RGB 153 167 173	#99A7AD
100.0%	100.0% #8C9DA4	RGB 140 157 164	#8C9DA4

#DDDEDF #CFD3D5 #C2C8CB #B4BDC1 #A7B2B7 #99A7AD #8C9DA4

#DDDEDF - #8C9DA4

Mezcla HSV

#DDDEDF - #8C9DA4 | 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 #DDDEDF como 0% y #8C9DA4 como 100%.

0.0%	0.0% #DDDEDF	RGB 221 222 223	#DDDEDF
16.7%	16.7% #CED2D5	RGB 206 210 213	#CED2D5
33.3%	33.3% #C0C6CB	RGB 192 198 203	#C0C6CB
50.0%	50.0% #B2BBC1	RGB 178 187 193	#B2BBC1
66.7%	66.7% #A5B0B7	RGB 165 176 183	#A5B0B7
83.3%	83.3% #98A6AD	RGB 152 166 173	#98A6AD
100.0%	100.0% #8C9DA4	RGB 140 157 164	#8C9DA4

#DDDEDF #CED2D5 #C0C6CB #B2BBC1 #A5B0B7 #98A6AD #8C9DA4

#DDDEDF - #B2BBC1 - #8C9DA4

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DDDEDF 0%, #B2BBC1 50%, #8C9DA4 100%);
    background: -webkit-linear-gradient(top, #DDDEDF 0%, #B2BBC1 50%, #8C9DA4 100%);
    background: linear-gradient(to bottom, #DDDEDF 0%, #B2BBC1 50%, #8C9DA4 100%);
}
</style>