#C8D0D1 - #EFF1F1 | 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 #C8D0D1 a #EFF1F1

#C8D0D1 #EFF1F1

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

#C8D0D1 - #EFF1F1 | 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 #C8D0D1 como 0% y #EFF1F1 como 100%.

0.0%	0.0% #C8D0D1	RGB 200 208 209	#C8D0D1
16.7%	16.7% #CED5D6	RGB 206 213 214	#CED5D6
33.3%	33.3% #D5DBDB	RGB 213 219 219	#D5DBDB
50.0%	50.0% #DBE0E1	RGB 219 224 225	#DBE0E1
66.7%	66.7% #E2E6E6	RGB 226 230 230	#E2E6E6
83.3%	83.3% #E8EBEB	RGB 232 235 235	#E8EBEB
100.0%	100.0% #EFF1F1	RGB 239 241 241	#EFF1F1

#C8D0D1 #CED5D6 #D5DBDB #DBE0E1 #E2E6E6 #E8EBEB #EFF1F1

#C8D0D1 - #EFF1F1

Mezcla HSV

#C8D0D1 - #EFF1F1 | 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 #C8D0D1 como 0% y #EFF1F1 como 100%.

0.0%	0.0% #C8D0D1	RGB 200 208 209	#C8D0D1
16.7%	16.7% #CED5D6	RGB 206 213 214	#CED5D6
33.3%	33.3% #D4DBDB	RGB 212 219 219	#D4DBDB
50.0%	50.0% #DBE0E1	RGB 219 224 225	#DBE0E1
66.7%	66.7% #E1E6E6	RGB 225 230 230	#E1E6E6
83.3%	83.3% #E8EBEB	RGB 232 235 235	#E8EBEB
100.0%	100.0% #EFF1F1	RGB 239 241 241	#EFF1F1

#C8D0D1 #CED5D6 #D4DBDB #DBE0E1 #E1E6E6 #E8EBEB #EFF1F1

#C8D0D1 - #DBE0E1 - #EFF1F1

Códigos CSS

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

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