#C7CCCC - #C5E2C5 | 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 #C7CCCC a #C5E2C5

#C7CCCC #C5E2C5

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

#C7CCCC - #C5E2C5 | 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 #C7CCCC como 0% y #C5E2C5 como 100%.

0.0%	0.0% #C7CCCC	RGB 199 204 204	#C7CCCC
16.7%	16.7% #C6CFCA	RGB 198 207 202	#C6CFCA
33.3%	33.3% #C6D3C9	RGB 198 211 201	#C6D3C9
50.0%	50.0% #C6D7C8	RGB 198 215 200	#C6D7C8
66.7%	66.7% #C5DAC7	RGB 197 218 199	#C5DAC7
83.3%	83.3% #C5DEC6	RGB 197 222 198	#C5DEC6
100.0%	100.0% #C5E2C5	RGB 197 226 197	#C5E2C5

#C7CCCC #C6CFCA #C6D3C9 #C6D7C8 #C5DAC7 #C5DEC6 #C5E2C5

#C7CCCC - #C5E2C5

Mezcla HSV

#C7CCCC - #C5E2C5 | 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 #C7CCCC como 0% y #C5E2C5 como 100%.

0.0%	0.0% #C7CCCC	RGB 199 204 204	#C7CCCC
16.7%	16.7% #C6CFCE	RGB 198 207 206	#C6CFCE
33.3%	33.3% #C6D3CF	RGB 198 211 207	#C6D3CF
50.0%	50.0% #C6D7CE	RGB 198 215 206	#C6D7CE
66.7%	66.7% #C6DACD	RGB 198 218 205	#C6DACD
83.3%	83.3% #C5DEC9	RGB 197 222 201	#C5DEC9
100.0%	100.0% #C5E2C5	RGB 197 226 197	#C5E2C5

#C7CCCC #C6CFCE #C6D3CF #C6D7CE #C6DACD #C5DEC9 #C5E2C5

#C7CCCC - #C6D7CE - #C5E2C5

Códigos CSS

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

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