#DCE2DF - #C9EDDD | 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 #DCE2DF a #C9EDDD

#DCE2DF #C9EDDD

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

#DCE2DF - #C9EDDD | 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 #DCE2DF como 0% y #C9EDDD como 100%.

0.0%	0.0% #DCE2DF	RGB 220 226 223	#DCE2DF
16.7%	16.7% #D8E3DE	RGB 216 227 222	#D8E3DE
33.3%	33.3% #D5E5DE	RGB 213 229 222	#D5E5DE
50.0%	50.0% #D2E7DE	RGB 210 231 222	#D2E7DE
66.7%	66.7% #CFE9DD	RGB 207 233 221	#CFE9DD
83.3%	83.3% #CCEBDD	RGB 204 235 221	#CCEBDD
100.0%	100.0% #C9EDDD	RGB 201 237 221	#C9EDDD

#DCE2DF #D8E3DE #D5E5DE #D2E7DE #CFE9DD #CCEBDD #C9EDDD

#DCE2DF - #C9EDDD

Mezcla HSV

#DCE2DF - #C9EDDD | 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 #DCE2DF como 0% y #C9EDDD como 100%.

0.0%	0.0% #DCE2DF	RGB 220 226 223	#DCE2DF
16.7%	16.7% #D9E3DE	RGB 217 227 222	#D9E3DE
33.3%	33.3% #D5E5DE	RGB 213 229 222	#D5E5DE
50.0%	50.0% #D2E7DD	RGB 210 231 221	#D2E7DD
66.7%	66.7% #CFE9DD	RGB 207 233 221	#CFE9DD
83.3%	83.3% #CCEBDD	RGB 204 235 221	#CCEBDD
100.0%	100.0% #C9EDDD	RGB 201 237 221	#C9EDDD

#DCE2DF #D9E3DE #D5E5DE #D2E7DD #CFE9DD #CCEBDD #C9EDDD

#DCE2DF - #D2E7DD - #C9EDDD

Códigos CSS

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

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