#C8C8CD - #EFEFF0 | 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 #C8C8CD a #EFEFF0

#C8C8CD #EFEFF0

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

#C8C8CD - #EFEFF0 | 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 #C8C8CD como 0% y #EFEFF0 como 100%.

0.0%	0.0% #C8C8CD	RGB 200 200 205	#C8C8CD
16.7%	16.7% #CECED2	RGB 206 206 210	#CECED2
33.3%	33.3% #D5D5D8	RGB 213 213 216	#D5D5D8
50.0%	50.0% #DBDBDE	RGB 219 219 222	#DBDBDE
66.7%	66.7% #E2E2E4	RGB 226 226 228	#E2E2E4
83.3%	83.3% #E8E8EA	RGB 232 232 234	#E8E8EA
100.0%	100.0% #EFEFF0	RGB 239 239 240	#EFEFF0

#C8C8CD #CECED2 #D5D5D8 #DBDBDE #E2E2E4 #E8E8EA #EFEFF0

#C8C8CD - #EFEFF0

Mezcla HSV

#C8C8CD - #EFEFF0 | 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 #C8C8CD como 0% y #EFEFF0 como 100%.

0.0%	0.0% #C8C8CD	RGB 200 200 205	#C8C8CD
16.7%	16.7% #CECED2	RGB 206 206 210	#CECED2
33.3%	33.3% #D4D4D8	RGB 212 212 216	#D4D4D8
50.0%	50.0% #DBDBDE	RGB 219 219 222	#DBDBDE
66.7%	66.7% #E1E1E4	RGB 225 225 228	#E1E1E4
83.3%	83.3% #E8E8EA	RGB 232 232 234	#E8E8EA
100.0%	100.0% #EFEFF0	RGB 239 239 240	#EFEFF0

#C8C8CD #CECED2 #D4D4D8 #DBDBDE #E1E1E4 #E8E8EA #EFEFF0

#C8C8CD - #DBDBDE - #EFEFF0

Códigos CSS

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

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