#CBCEC9 - #DBD5E3 | 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 #CBCEC9 a #DBD5E3

#CBCEC9 #DBD5E3

Calcule el color entre dos colores, #CBCEC9 y #DBD5E3. 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)

#CBCEC9 - #DBD5E3 | 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 #CBCEC9 como 0% y #DBD5E3 como 100%.

0.0%	0.0% #CBCEC9	RGB 203 206 201	#CBCEC9
16.7%	16.7% #CDCFCD	RGB 205 207 205	#CDCFCD
33.3%	33.3% #D0D0D1	RGB 208 208 209	#D0D0D1
50.0%	50.0% #D3D1D6	RGB 211 209 214	#D3D1D6
66.7%	66.7% #D5D2DA	RGB 213 210 218	#D5D2DA
83.3%	83.3% #D8D3DE	RGB 216 211 222	#D8D3DE
100.0%	100.0% #DBD5E3	RGB 219 213 227	#DBD5E3

#CBCEC9 #CDCFCD #D0D0D1 #D3D1D6 #D5D2DA #D8D3DE #DBD5E3

#CBCEC9 - #DBD5E3

Mezcla HSV

#CBCEC9 - #DBD5E3 | 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 #CBCEC9 como 0% y #DBD5E3 como 100%.

0.0%	0.0% #CBCEC9	RGB 203 206 201	#CBCEC9
16.7%	16.7% #CBD1CB	RGB 203 209 203	#CBD1CB
33.3%	33.3% #CDD5D1	RGB 205 213 209	#CDD5D1
50.0%	50.0% #CFD8D8	RGB 207 216 216	#CFD8D8
66.7%	66.7% #D1D6DC	RGB 209 214 220	#D1D6DC
83.3%	83.3% #D3D3DF	RGB 211 211 223	#D3D3DF
100.0%	100.0% #DBD5E3	RGB 219 213 227	#DBD5E3

#CBCEC9 #CBD1CB #CDD5D1 #CFD8D8 #D1D6DC #D3D3DF #DBD5E3

#CBCEC9 - #CFD8D8 - #DBD5E3

Códigos CSS

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

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