#C8CAD3 - #EFEFF2 | 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 #C8CAD3 a #EFEFF2

#C8CAD3 #EFEFF2

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

#C8CAD3 - #EFEFF2 | 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 #C8CAD3 como 0% y #EFEFF2 como 100%.

0.0%	0.0% #C8CAD3	RGB 200 202 211	#C8CAD3
16.7%	16.7% #CED0D8	RGB 206 208 216	#CED0D8
33.3%	33.3% #D5D6DD	RGB 213 214 221	#D5D6DD
50.0%	50.0% #DBDCE2	RGB 219 220 226	#DBDCE2
66.7%	66.7% #E2E2E7	RGB 226 226 231	#E2E2E7
83.3%	83.3% #E8E8EC	RGB 232 232 236	#E8E8EC
100.0%	100.0% #EFEFF2	RGB 239 239 242	#EFEFF2

#C8CAD3 #CED0D8 #D5D6DD #DBDCE2 #E2E2E7 #E8E8EC #EFEFF2

#C8CAD3 - #EFEFF2

Mezcla HSV

#C8CAD3 - #EFEFF2 | 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 #C8CAD3 como 0% y #EFEFF2 como 100%.

0.0%	0.0% #C8CAD3	RGB 200 202 211	#C8CAD3
16.7%	16.7% #CECFD8	RGB 206 207 216	#CECFD8
33.3%	33.3% #D4D5DD	RGB 212 213 221	#D4D5DD
50.0%	50.0% #DBDBE2	RGB 219 219 226	#DBDBE2
66.7%	66.7% #E1E2E7	RGB 225 226 231	#E1E2E7
83.3%	83.3% #E8E8EC	RGB 232 232 236	#E8E8EC
100.0%	100.0% #EFEFF2	RGB 239 239 242	#EFEFF2

#C8CAD3 #CECFD8 #D4D5DD #DBDBE2 #E1E2E7 #E8E8EC #EFEFF2

#C8CAD3 - #DBDBE2 - #EFEFF2

Códigos CSS

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

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