#CECFD1 - #E2DAD5 | 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 #CECFD1 a #E2DAD5

#CECFD1 #E2DAD5

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

#CECFD1 - #E2DAD5 | 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 #CECFD1 como 0% y #E2DAD5 como 100%.

0.0%	0.0% #CECFD1	RGB 206 207 209	#CECFD1
16.7%	16.7% #D1D0D1	RGB 209 208 209	#D1D0D1
33.3%	33.3% #D4D2D2	RGB 212 210 210	#D4D2D2
50.0%	50.0% #D8D4D3	RGB 216 212 211	#D8D4D3
66.7%	66.7% #DBD6D3	RGB 219 214 211	#DBD6D3
83.3%	83.3% #DED8D4	RGB 222 216 212	#DED8D4
100.0%	100.0% #E2DAD5	RGB 226 218 213	#E2DAD5

#CECFD1 #D1D0D1 #D4D2D2 #D8D4D3 #DBD6D3 #DED8D4 #E2DAD5

#CECFD1 - #E2DAD5

Mezcla HSV

#CECFD1 - #E2DAD5 | 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 #CECFD1 como 0% y #E2DAD5 como 100%.

0.0%	0.0% #CECFD1	RGB 206 207 209	#CECFD1
16.7%	16.7% #CFCFD3	RGB 207 207 211	#CFCFD3
33.3%	33.3% #D4D0D6	RGB 212 208 214	#D4D0D6
50.0%	50.0% #D9D1D9	RGB 217 209 217	#D9D1D9
66.7%	66.7% #DCD2D7	RGB 220 210 215	#DCD2D7
83.3%	83.3% #DFD3D4	RGB 223 211 212	#DFD3D4
100.0%	100.0% #E2DAD5	RGB 226 218 213	#E2DAD5

#CECFD1 #CFCFD3 #D4D0D6 #D9D1D9 #DCD2D7 #DFD3D4 #E2DAD5

#CECFD1 - #D9D1D9 - #E2DAD5

Códigos CSS

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

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