#C8C8C6 - #CDD0E2 | 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 #C8C8C6 a #CDD0E2

#C8C8C6 #CDD0E2

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

#C8C8C6 - #CDD0E2 | 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 #C8C8C6 como 0% y #CDD0E2 como 100%.

0.0%	0.0% #C8C8C6	RGB 200 200 198	#C8C8C6
16.7%	16.7% #C8C9CA	RGB 200 201 202	#C8C9CA
33.3%	33.3% #C9CACF	RGB 201 202 207	#C9CACF
50.0%	50.0% #CACCD4	RGB 202 204 212	#CACCD4
66.7%	66.7% #CBCDD8	RGB 203 205 216	#CBCDD8
83.3%	83.3% #CCCEDD	RGB 204 206 221	#CCCEDD
100.0%	100.0% #CDD0E2	RGB 205 208 226	#CDD0E2

#C8C8C6 #C8C9CA #C9CACF #CACCD4 #CBCDD8 #CCCEDD #CDD0E2

#C8C8C6 - #CDD0E2

Mezcla HSV

#C8C8C6 - #CDD0E2 | 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 #C8C8C6 como 0% y #CDD0E2 como 100%.

0.0%	0.0% #C8C8C6	RGB 200 200 198	#C8C8C6
16.7%	16.7% #CACCC7	RGB 202 204 199	#CACCC7
33.3%	33.3% #C9D0C8	RGB 201 208 200	#C9D0C8
50.0%	50.0% #CAD5CE	RGB 202 213 206	#CAD5CE
66.7%	66.7% #CBD9D7	RGB 203 217 215	#CBD9D7
83.3%	83.3% #CCD6DD	RGB 204 214 221	#CCD6DD
100.0%	100.0% #CDD0E2	RGB 205 208 226	#CDD0E2

#C8C8C6 #CACCC7 #C9D0C8 #CAD5CE #CBD9D7 #CCD6DD #CDD0E2

#C8C8C6 - #CAD5CE - #CDD0E2

Códigos CSS

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

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