#CAD5E2 - #EFF3F6 | 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 #CAD5E2 a #EFF3F6

#CAD5E2 #EFF3F6

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

#CAD5E2 - #EFF3F6 | 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 #CAD5E2 como 0% y #EFF3F6 como 100%.

0.0%	0.0% #CAD5E2	RGB 202 213 226	#CAD5E2
16.7%	16.7% #D0DAE5	RGB 208 218 229	#D0DAE5
33.3%	33.3% #D6DFE8	RGB 214 223 232	#D6DFE8
50.0%	50.0% #DCE4EC	RGB 220 228 236	#DCE4EC
66.7%	66.7% #E2E9EF	RGB 226 233 239	#E2E9EF
83.3%	83.3% #E8EEF2	RGB 232 238 242	#E8EEF2
100.0%	100.0% #EFF3F6	RGB 239 243 246	#EFF3F6

#CAD5E2 #D0DAE5 #D6DFE8 #DCE4EC #E2E9EF #E8EEF2 #EFF3F6

#CAD5E2 - #EFF3F6

Mezcla HSV

#CAD5E2 - #EFF3F6 | 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 #CAD5E2 como 0% y #EFF3F6 como 100%.

0.0%	0.0% #CAD5E2	RGB 202 213 226	#CAD5E2
16.7%	16.7% #CFDAE5	RGB 207 218 229	#CFDAE5
33.3%	33.3% #D5DFE8	RGB 213 223 232	#D5DFE8
50.0%	50.0% #DCE4EC	RGB 220 228 236	#DCE4EC
66.7%	66.7% #E2E9EF	RGB 226 233 239	#E2E9EF
83.3%	83.3% #E8EEF2	RGB 232 238 242	#E8EEF2
100.0%	100.0% #EFF3F6	RGB 239 243 246	#EFF3F6

#CAD5E2 #CFDAE5 #D5DFE8 #DCE4EC #E2E9EF #E8EEF2 #EFF3F6

#CAD5E2 - #DCE4EC - #EFF3F6

Códigos CSS

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

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