#C2D1DF - #DFE2DF | 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 #C2D1DF a #DFE2DF

#C2D1DF #DFE2DF

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

#C2D1DF - #DFE2DF | 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 #C2D1DF como 0% y #DFE2DF como 100%.

0.0%	0.0% #C2D1DF	RGB 194 209 223	#C2D1DF
16.7%	16.7% #C6D3DF	RGB 198 211 223	#C6D3DF
33.3%	33.3% #CBD6DF	RGB 203 214 223	#CBD6DF
50.0%	50.0% #D0D9DF	RGB 208 217 223	#D0D9DF
66.7%	66.7% #D5DCDF	RGB 213 220 223	#D5DCDF
83.3%	83.3% #DADFDF	RGB 218 223 223	#DADFDF
100.0%	100.0% #DFE2DF	RGB 223 226 223	#DFE2DF

#C2D1DF #C6D3DF #CBD6DF #D0D9DF #D5DCDF #DADFDF #DFE2DF

#C2D1DF - #DFE2DF

Mezcla HSV

#C2D1DF - #DFE2DF | 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 #C2D1DF como 0% y #DFE2DF como 100%.

0.0%	0.0% #C2D1DF	RGB 194 209 223	#C2D1DF
16.7%	16.7% #C6D9DF	RGB 198 217 223	#C6D9DF
33.3%	33.3% #CBE0DF	RGB 203 224 223	#CBE0DF
50.0%	50.0% #D0E0DC	RGB 208 224 220	#D0E0DC
66.7%	66.7% #D5E1DB	RGB 213 225 219	#D5E1DB
83.3%	83.3% #DAE1DB	RGB 218 225 219	#DAE1DB
100.0%	100.0% #DFE2DF	RGB 223 226 223	#DFE2DF

#C2D1DF #C6D9DF #CBE0DF #D0E0DC #D5E1DB #DAE1DB #DFE2DF

#C2D1DF - #D0E0DC - #DFE2DF

Códigos CSS

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

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