#C5E4CD - #D9EACE | 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 #C5E4CD a #D9EACE

#C5E4CD #D9EACE

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

#C5E4CD - #D9EACE | 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 #C5E4CD como 0% y #D9EACE como 100%.

0.0%	0.0% #C5E4CD	RGB 197 228 205	#C5E4CD
16.7%	16.7% #C8E5CD	RGB 200 229 205	#C8E5CD
33.3%	33.3% #CBE6CD	RGB 203 230 205	#CBE6CD
50.0%	50.0% #CFE7CD	RGB 207 231 205	#CFE7CD
66.7%	66.7% #D2E8CD	RGB 210 232 205	#D2E8CD
83.3%	83.3% #D5E9CD	RGB 213 233 205	#D5E9CD
100.0%	100.0% #D9EACE	RGB 217 234 206	#D9EACE

#C5E4CD #C8E5CD #CBE6CD #CFE7CD #D2E8CD #D5E9CD #D9EACE

#C5E4CD - #D9EACE

Mezcla HSV

#C5E4CD - #D9EACE | 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 #C5E4CD como 0% y #D9EACE como 100%.

0.0%	0.0% #C5E4CD	RGB 197 228 205	#C5E4CD
16.7%	16.7% #C6E5CB	RGB 198 229 203	#C6E5CB
33.3%	33.3% #C7E6C9	RGB 199 230 201	#C7E6C9
50.0%	50.0% #CBE7C9	RGB 203 231 201	#CBE7C9
66.7%	66.7% #D0E8CA	RGB 208 232 202	#D0E8CA
83.3%	83.3% #D4E9CC	RGB 212 233 204	#D4E9CC
100.0%	100.0% #D9EACE	RGB 217 234 206	#D9EACE

#C5E4CD #C6E5CB #C7E6C9 #CBE7C9 #D0E8CA #D4E9CC #D9EACE

#C5E4CD - #CBE7C9 - #D9EACE

Códigos CSS

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

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