#C7E4CB - #E4E5E1 | 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 #C7E4CB a #E4E5E1

#C7E4CB #E4E5E1

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

#C7E4CB - #E4E5E1 | 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 #C7E4CB como 0% y #E4E5E1 como 100%.

0.0%	0.0% #C7E4CB	RGB 199 228 203	#C7E4CB
16.7%	16.7% #CBE4CE	RGB 203 228 206	#CBE4CE
33.3%	33.3% #D0E4D2	RGB 208 228 210	#D0E4D2
50.0%	50.0% #D5E4D6	RGB 213 228 214	#D5E4D6
66.7%	66.7% #DAE4D9	RGB 218 228 217	#DAE4D9
83.3%	83.3% #DFE4DD	RGB 223 228 221	#DFE4DD
100.0%	100.0% #E4E5E1	RGB 228 229 225	#E4E5E1

#C7E4CB #CBE4CE #D0E4D2 #D5E4D6 #DAE4D9 #DFE4DD #E4E5E1

#C7E4CB - #E4E5E1

Mezcla HSV

#C7E4CB - #E4E5E1 | 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 #C7E4CB como 0% y #E4E5E1 como 100%.

0.0%	0.0% #C7E4CB	RGB 199 228 203	#C7E4CB
16.7%	16.7% #CBE4CB	RGB 203 228 203	#CBE4CB
33.3%	33.3% #D2E4CF	RGB 210 228 207	#D2E4CF
50.0%	50.0% #D9E4D3	RGB 217 228 211	#D9E4D3
66.7%	66.7% #DDE4D8	RGB 221 228 216	#DDE4D8
83.3%	83.3% #E1E4DC	RGB 225 228 220	#E1E4DC
100.0%	100.0% #E4E5E1	RGB 228 229 225	#E4E5E1

#C7E4CB #CBE4CB #D2E4CF #D9E4D3 #DDE4D8 #E1E4DC #E4E5E1

#C7E4CB - #D9E4D3 - #E4E5E1

Códigos CSS

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

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