#C3D2D2 - #EDF2F2 | 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 #C3D2D2 a #EDF2F2

#C3D2D2 #EDF2F2

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

#C3D2D2 - #EDF2F2 | 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 #C3D2D2 como 0% y #EDF2F2 como 100%.

0.0%	0.0% #C3D2D2	RGB 195 210 210	#C3D2D2
16.7%	16.7% #CAD7D7	RGB 202 215 215	#CAD7D7
33.3%	33.3% #D1DCDC	RGB 209 220 220	#D1DCDC
50.0%	50.0% #D8E2E2	RGB 216 226 226	#D8E2E2
66.7%	66.7% #DFE7E7	RGB 223 231 231	#DFE7E7
83.3%	83.3% #E6ECEC	RGB 230 236 236	#E6ECEC
100.0%	100.0% #EDF2F2	RGB 237 242 242	#EDF2F2

#C3D2D2 #CAD7D7 #D1DCDC #D8E2E2 #DFE7E7 #E6ECEC #EDF2F2

#C3D2D2 - #EDF2F2

Mezcla HSV

#C3D2D2 - #EDF2F2 | 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 #C3D2D2 como 0% y #EDF2F2 como 100%.

0.0%	0.0% #C3D2D2	RGB 195 210 210	#C3D2D2
16.7%	16.7% #C9D7D7	RGB 201 215 215	#C9D7D7
33.3%	33.3% #D0DCDC	RGB 208 220 220	#D0DCDC
50.0%	50.0% #D7E2E2	RGB 215 226 226	#D7E2E2
66.7%	66.7% #DEE7E7	RGB 222 231 231	#DEE7E7
83.3%	83.3% #E5ECEC	RGB 229 236 236	#E5ECEC
100.0%	100.0% #EDF2F2	RGB 237 242 242	#EDF2F2

#C3D2D2 #C9D7D7 #D0DCDC #D7E2E2 #DEE7E7 #E5ECEC #EDF2F2

#C3D2D2 - #D7E2E2 - #EDF2F2

Códigos CSS

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

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