#C5E5E4 - #CDE6D1 | 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 #C5E5E4 a #CDE6D1

#C5E5E4 #CDE6D1

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

#C5E5E4 - #CDE6D1 | 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 #C5E5E4 como 0% y #CDE6D1 como 100%.

0.0%	0.0% #C5E5E4	RGB 197 229 228	#C5E5E4
16.7%	16.7% #C6E5E0	RGB 198 229 224	#C6E5E0
33.3%	33.3% #C7E5DD	RGB 199 229 221	#C7E5DD
50.0%	50.0% #C9E5DA	RGB 201 229 218	#C9E5DA
66.7%	66.7% #CAE5D7	RGB 202 229 215	#CAE5D7
83.3%	83.3% #CBE5D4	RGB 203 229 212	#CBE5D4
100.0%	100.0% #CDE6D1	RGB 205 230 209	#CDE6D1

#C5E5E4 #C6E5E0 #C7E5DD #C9E5DA #CAE5D7 #CBE5D4 #CDE6D1

#C5E5E4 - #CDE6D1

Mezcla HSV

#C5E5E4 - #CDE6D1 | 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 #C5E5E4 como 0% y #CDE6D1 como 100%.

0.0%	0.0% #C5E5E4	RGB 197 229 228	#C5E5E4
16.7%	16.7% #C6E5E0	RGB 198 229 224	#C6E5E0
33.3%	33.3% #C7E5DC	RGB 199 229 220	#C7E5DC
50.0%	50.0% #C8E5D9	RGB 200 229 217	#C8E5D9
66.7%	66.7% #CAE5D6	RGB 202 229 214	#CAE5D6
83.3%	83.3% #CBE5D3	RGB 203 229 211	#CBE5D3
100.0%	100.0% #CDE6D1	RGB 205 230 209	#CDE6D1

#C5E5E4 #C6E5E0 #C7E5DC #C8E5D9 #CAE5D6 #CBE5D3 #CDE6D1

#C5E5E4 - #C8E5D9 - #CDE6D1

Códigos CSS

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

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